/* ═══════════════════════════════════════════════════
   DİNLEME ANA SAYFASI — sadece override + audio-spesifik
   Ana yapı /ana-sayfa/ejderha-home.css'ten geliyor.
   bcard, h-scroll, sec-header, welcome vs. orada tanımlı.
═══════════════════════════════════════════════════ */

/* Welcome'a kulaklık vurgusu */
.welcome-eyebrow{
  color:var(--accent);
}

/* [hidden] HTML attribute'unun gerçekten gizlemesi için — bazı stiller eziyor */
.section-wrap[hidden]{display:none !important;}

/* Her ses kartı için play overlay'i — kapağın orta-altında küçük yuvarlak */
.bcard-cover{position:relative;}
.bcard-play-ico{
  position:absolute;bottom:8px;right:8px;
  width:28px;height:28px;border-radius:50%;
  background:var(--accent);color:#000;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;line-height:1;
  box-shadow:0 4px 12px rgba(0,0,0,.5);
  z-index:2;pointer-events:none;
  transition:transform .2s, background .2s;
}
.bcard:hover .bcard-play-ico{transform:scale(1.12);}

/* Sesli rozeti — kapağın sol üstünde küçük etiket */
.bcard-audio-badge{
  position:absolute;top:6px;left:6px;
  background:rgba(0,0,0,.7);color:#fff;
  padding:2px 7px;border-radius:6px;
  font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  backdrop-filter:blur(6px);
  z-index:2;
}
.bcard-audio-badge.ready  {background:rgba(39,174,96,.85);}
.bcard-audio-badge.pending{background:rgba(241,196,15,.85);color:#000;}

/* Featured kart — popular-featured'i reuse ediyoruz, sadece kulaklık ikonu için
   bir mini bilgi şeridi ekliyoruz */
.dn-feat-audio-row{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(212,168,67,.12);
  border:1px solid rgba(212,168,67,.32);
  color:var(--accent);
  font-size:11px;font-weight:600;letter-spacing:.04em;
  padding:4px 10px;border-radius:999px;
  margin-bottom:8px;
}

/* Featured pf-stats yerine ses durumu */
.dn-feat-status{
  display:flex;align-items:center;gap:6px;
  font-size:11px;color:var(--text-sub);
}
.dn-feat-status .dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 6px var(--accent);
}

/* ── GRID (Hepsi) ── */
.dn-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
  gap:14px;
  padding:14px 20px 0;
}
.dn-loading,.dn-empty{
  grid-column:1/-1;text-align:center;padding:50px 20px;
  color:var(--text-muted);font-size:14px;
}
.dn-empty-emoji{font-size:42px;margin-bottom:8px;display:block;}

/* Grid kartları daha küçük bcard varyantı */
.dn-grid .bcard{
  width:auto;
}
.dn-grid .bcard-cover{
  width:100%;
  height:auto;aspect-ratio:2/3;
}
@media (max-width:600px){
  .dn-grid{
    grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));
    gap:10px;padding:12px 14px 0;
  }
}