/*
 * Travel Inspiration Magazine | MOST READ v2.2.0
 * Joomla module suffix: [space]tim-latest-2026
 * Scoped styles only; never apply to .tim-latest-stream.
 */
.tim-latest-2026:not(.tim-latest-stream) {
  --mr-bg: #f6f0e9;
  --mr-card: #fffdfb;
  --mr-text: #312b26;
  --mr-accent: #8c571d;
  --mr-number: #a98a6d;
  --mr-border: #e7ddd3;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 18px 12px 15px !important;
  background: var(--mr-bg) !important;
  border: 1px solid #e9dfd4 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.tim-latest-2026:not(.tim-latest-stream) *,
.tim-latest-2026:not(.tim-latest-stream) *::before,
.tim-latest-2026:not(.tim-latest-stream) *::after { box-sizing: border-box; }
.tim-latest-2026:not(.tim-latest-stream) .sp-module-title {
  position: relative;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  font: 700 15px/1.4 Arial,Helvetica,sans-serif !important;
  letter-spacing: .55px !important;
  text-transform: uppercase !important;
  color: var(--mr-accent) !important;
  border-bottom: 1px solid #d9c8b7 !important;
}
.tim-latest-2026:not(.tim-latest-stream) .sp-module-title::before { content:none !important; }
.tim-latest-2026:not(.tim-latest-stream) .sp-module-title::after {
  content: ''; position: absolute; left: 0; bottom: -1px;
  width: 46px; height: 2px; background: #b4854c;
}
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 10px !important;
  width: 100%; min-width: 0; height: auto !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important;
  overflow: visible !important; list-style: none !important;
  counter-reset: mrRank;
  container: mostReadCards / inline-size;
}
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li {
  counter-increment: mrRank;
  display: block !important; width: 100%; min-width: 0;
  margin: 0 !important; padding: 0 !important; list-style: none !important;
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-item {
  position: relative !important; isolation: isolate;
  display: block !important; width: 100%; min-width: 0;
  margin: 0 !important; padding: 0 !important;
  background: var(--mr-card) !important;
  border: 1px solid var(--mr-border) !important;
  border-radius: 11px !important;
  overflow: visible !important;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-item-content {
  display: grid !important;
  grid-template-columns: 24px 74px minmax(0,1fr) !important;
  grid-template-rows: auto !important;
  gap: 9px !important;
  align-items: center !important;
  width: 100%; min-width: 0;
  margin: 0 !important; padding: 10px !important;
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-item-content::before {
  content: counter(mrRank, decimal-leading-zero) !important;
  display: block !important;
  grid-column: 1; grid-row: 1;
  font: 400 22px/1 Georgia, 'Times New Roman', serif;
  letter-spacing: -.7px; color: var(--mr-number);
  pointer-events: none;
}
.tim-latest-2026:not(.tim-latest-stream) .article-intro-image {
  position: relative !important; z-index: 3;
  display: block !important; float: none !important;
  grid-column: 2 !important; grid-row: 1 !important;
  width: 74px !important; height: 78px !important;
  min-width: 0; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 8px !important;
  overflow: hidden !important;
}
.tim-latest-2026:not(.tim-latest-stream) .article-intro-image a {
  display:block !important; width:100% !important; height:100% !important;
}
.tim-latest-2026:not(.tim-latest-stream) .article-intro-image img {
  display:block !important;
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; object-position:center;
  border-radius:0 !important; transition: transform .3s ease;
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-title {
  position: static !important;
  display: flex !important; align-items: center !important; justify-content: flex-start !important;
  align-self: stretch !important; grid-column:3 !important; grid-row:1 !important;
  width:100%; min-width:0; min-height:78px;
  margin:0 !important; padding:0 !important;
  overflow:visible !important; -webkit-line-clamp:unset !important;
  white-space:normal !important; overflow-wrap:break-word;
  font: 600 13px/1.46 Arial,Helvetica,sans-serif !important;
  letter-spacing: 0 !important; text-transform:none !important;
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-title a {
  position:static !important; display:block !important;
  width:100%; min-width:0;
  color:var(--mr-text) !important; font:inherit !important;
  text-decoration:none !important; white-space:normal !important;
  overflow-wrap:break-word; transition:color .25s ease;
}
/* CSS stretched link: keep image as its own semantic anchor */
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-title a::after {
  content:''; position:absolute; inset:0; z-index:2; border-radius:11px;
}
/* First item is featured */
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:first-child .mod-articles-item-content {
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto minmax(54px,auto) !important;
  align-items:stretch !important; gap:6px !important; padding:9px !important;
}
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:first-child .article-intro-image {
  grid-column:1 !important; grid-row:1 !important;
  width:100% !important; height:auto !important;
  aspect-ratio:16/9; border-radius:8px !important;
}
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:first-child .mod-articles-item-content::before {
  position:absolute; z-index:4; top:17px; left:17px;
  grid-column:1; grid-row:1;
  padding:7px 9px;
  color:var(--mr-accent); background:rgba(255,253,251,.96);
  border:1px solid rgba(180,133,76,.15); border-radius:5px;
  font:400 23px/1 Georgia,'Times New Roman',serif;
}
.tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:first-child .mod-articles-title {
  grid-column:1 !important; grid-row:2 !important;
  display:flex !important; align-items:center !important;
  width:100%; min-height:54px;
  padding:5px 4px !important;
  font-size:15px !important; font-weight:700 !important;
  line-height:1.43 !important; letter-spacing:-.1px !important;
}
@container mostReadCards (max-width:275px) {
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .mod-articles-item-content {
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:10px !important; padding:9px !important;
  }
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .mod-articles-item-content::before {
    position:absolute; z-index:4; top:14px; left:14px;
    padding:3px 5px; border-radius:4px;
    font:400 13px/1.2 Georgia,serif;
    background:rgba(255,253,251,.95); color:#8c571d;
  }
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .article-intro-image {
    grid-column:1 !important; grid-row:1 !important;
    width:76px !important; height:80px !important;
  }
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .mod-articles-title {
    grid-column:2 !important; grid-row:1 !important;
    min-height:80px; font-size:12.5px !important;
  }
}
@container mostReadCards (max-width:185px) {
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .mod-articles-item-content {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important; gap:7px !important;
  }
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .article-intro-image {
    grid-column:1 !important; grid-row:1 !important;
    width:100% !important; height:auto !important; aspect-ratio:16/10;
  }
  .tim-latest-2026:not(.tim-latest-stream) ul.mod-articles-items > li:not(:first-child) .mod-articles-title {
    grid-column:1 !important; grid-row:2 !important;
    min-height:0; padding:5px 3px !important;
  }
}
@media (hover:hover) {
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-item:hover {
    transform:translateY(-2px);
    border-color:#caaa88 !important;
    box-shadow:0 5px 16px rgba(75,52,30,.075) !important;
  }
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-item:hover img { transform:scale(1.045); }
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-item:hover .mod-articles-title a { color:var(--mr-accent) !important; }
}
.tim-latest-2026:not(.tim-latest-stream) .mod-articles-item:focus-within {
  outline:2px solid #b4854c; outline-offset:2px;
}
@media (max-width:575px) {
  .tim-latest-2026:not(.tim-latest-stream) { padding:16px 12px !important; }
}
@media (prefers-reduced-motion:reduce) {
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-item,
  .tim-latest-2026:not(.tim-latest-stream) .article-intro-image img,
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-title a { transition:none !important; }
  .tim-latest-2026:not(.tim-latest-stream) .mod-articles-item:hover,
  .tim-latest-2026:not(.tim-latest-stream) .article-intro-image img { transform:none !important; }
}