/* Lightweight visual polish layered on top of Bootstrap */

/* Typography */
body, .btn, .form-control, .form-select { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5 { letter-spacing: -.015em; }

/* Navbar & topbar */
.mainnav { box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.topbar { box-shadow: inset 0 -1px 0 rgba(255,255,255,.15); }

/* Cards */
.card { border-radius: .75rem; transition: transform .18s ease, box-shadow .18s ease; }
.card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.tile-card .ratio, .flat-card .ratio { border-top-left-radius: .75rem; border-top-right-radius: .75rem; overflow: hidden; }

/* Links */
a { text-decoration-thickness: .08em; text-underline-offset: .2em; }
a:hover { text-decoration-color: currentColor; }

/* Carousel polish */
.latest-carousel .carousel-indicators [data-bs-target] { width: 28px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.55); }
.latest-carousel .carousel-indicators .active { background: #fff; }
.carousel-control-prev-icon, .carousel-control-next-icon { filter: drop-shadow(0 2px 4px rgba(0,0,0,.4)); }

/* Pagination centering */
.pagination { justify-content: center; }

/* Category badge */
.badge.bg-cat { box-shadow: 0 2px 6px rgba(0,0,0,.12); }

/* Ad blocks tidy spacing */
.ad-inline img { max-width: 100%; height: auto; }

/* Back-to-top button */
.back-to-top { position: fixed; right: 18px; bottom: 18px; z-index: 1040; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; border-radius: 999px; box-shadow: 0 8px 18px rgba(0,0,0,.18); }
.back-to-top.show { opacity: 1; pointer-events: auto; transform: translateY(0); }

/* Dark mode removed */

/* Popular list with thumbnails (smaller) */
.popular-list .title { font-size:.9rem; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; color:#111; }
/* Dark mode removed */
.popular-list .thumb{width:56px;height:40px;overflow:hidden;border-radius:6px;background:#f0f0f0;display:block}
.popular-list .thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width: 768px){
  .popular-list .thumb{width:64px;height:44px}
}

/* Sidebar ad images: limit height so they don’t look huge */
.sidebar-ad img{max-width:100%;height:auto;max-height:220px;width:auto;object-fit:contain}
@media (min-width: 992px){
  .sidebar-ad img{max-height:260px}
}