/* Theme overrides (non-breaking) */

/* Prevent horizontal scroll issues on mobile */
html, body{max-width:100%;overflow-x:hidden}

/* Home hero: more premium */
.hero{position:relative;overflow:hidden}
.hero::before{
  content:"";
  position:absolute;inset:-120px -120px auto auto;
  width:520px;height:520px;
  background:radial-gradient(circle at 30% 30%, rgba(37,99,235,.18), rgba(37,99,235,0) 65%);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;inset:auto auto -180px -180px;
  width:620px;height:620px;
  background:radial-gradient(circle at 40% 40%, rgba(255,59,92,.14), rgba(255,59,92,0) 60%);
  pointer-events:none;
}

.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}}

.hero-left{min-width:0}
.h-title{letter-spacing:-.02em}
.h-sub{font-size:15px;line-height:1.6}

.searchbar{position:relative}
.searchbar .sb-ic{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:999px;
  background:rgba(15,23,42,.06);
  margin-left:2px;
  flex:0 0 auto;
}
.searchbar input{min-width:0}

.kpi{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px}
@media (max-width: 980px){.kpi{grid-template-columns:repeat(2, minmax(0,1fr))}}
.kpi .k{
  background:rgba(255,255,255,.9);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px 14px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.kpi .k strong{font-size:22px}

.tags.tags-scroll{margin-top:14px}
@media (max-width: 720px){
  .tags.tags-scroll{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:6px}
  .tags.tags-scroll::-webkit-scrollbar{display:none}
  .tags.tags-scroll .tag{flex:0 0 auto}
}

/* Hero right card */
.hero-right{display:flex}
@media (max-width: 980px){.hero-right{display:none}}

.hero-card{
  width:100%;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  box-shadow:0 18px 44px rgba(15,23,42,.10);
  backdrop-filter:saturate(140%) blur(10px);
}

.hc-top{margin-bottom:12px}
.hc-title{font-weight:900;font-size:16px;letter-spacing:-.01em}
.hc-sub{margin-top:2px}

.hc-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}
.hc-actions .btn{justify-content:center}
.hc-actions .btn.btn-block{grid-column:1/-1}

.btn.btn-ghost{
  background:#fff;
  border:1px solid var(--line);
  color:inherit;
}
.btn.btn-ghost:hover{transform:translateY(-1px)}

.btn.btn-block{display:inline-flex;width:100%}

.hc-bullets{margin-top:14px;display:grid;gap:10px}
.hc-b{display:flex;gap:10px;align-items:flex-start}
.hc-ic{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.06)}
.hc-b strong{display:block;font-size:13px}
.hc-b .muted{display:block;font-size:12px;margin-top:2px}

/* Slightly improve section headings spacing on home */
.section h2{letter-spacing:-.01em}



/* ===============================
   Home sliders + bottom nav (safe)
   =============================== */

/* Mobilde: Sponsorlu / Öne Çıkan / Son Eklenen bölümleri slayt (scroll-snap) */
@media (max-width: 980px){
  .home-slider.grid{
    display:flex !important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:12px;
    padding:12px 2px 6px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .home-slider.grid::-webkit-scrollbar{display:none}
  .home-slider.grid{scrollbar-width:none}

  .home-slider.grid > .card{
    flex:0 0 78%;
    max-width:360px;
    scroll-snap-align:start;
  }
}
@media (max-width: 420px){
  .home-slider.grid > .card{flex-basis:86%}
}

/* Kart rozetlerinin kaymasını engelle (Sponsorlu / Öne Çıkan / Platform) */
.card .thumb{position:relative; overflow:hidden}
.card .thumb .badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:calc(100% - 20px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Görsele tıklayınca detay sayfasına gitsin (badge'ler tıklanabilirliğini bozmaz) */
.thumb-link{position:absolute;inset:0;z-index:1}
.card .thumb .badge{z-index:2}

/* Mobilde ikon butonlarının görünürlüğü */
.btn.icon{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
  padding:0;
}

/* Mobil alt bar (sticky) */
@media (max-width: 980px){
  body{padding-bottom:72px;}
  .bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    background:rgba(255,255,255,.92);
    backdrop-filter:saturate(180%) blur(10px);
    border-top:1px solid var(--line);
    display:flex;
    gap:2px;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
  }
  .bottom-nav .bn-item{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-decoration:none;
    color:inherit;
    border-radius:14px;
    padding:8px 6px;
  }
  .bottom-nav .bn-ic{font-size:20px;line-height:1}
  .bottom-nav .bn-tx{font-size:11px;line-height:1;opacity:.85}
  .bottom-nav .bn-item:hover{background:rgba(0,0,0,.04)}
}
@media (min-width: 981px){
  .bottom-nav{display:none}
}