/* ==========================================================================
   Ufuk İklimi — dergi-detay.css (yalnızca dergi-detay.php'ye özel)
   ========================================================================== */

.reader{ position:relative; width:100%; aspect-ratio:1294/1750; background:var(--navy-900); border:1px solid var(--line); box-shadow:0 30px 60px -30px rgba(16,27,49,.45); }
.reader iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.reader-actions{ display:flex; justify-content:flex-end; gap:.6rem; margin-top:1rem; }

.detail-panel{ background:var(--cream-soft); border:1px solid var(--line-soft); padding:1.8rem; }
.detail-panel h4{ font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:600; color:var(--navy); margin-bottom:1rem; }

.meta-list{ list-style:none; margin:0 0 1.6rem; padding:0; }
.meta-list li{ display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px solid var(--line-soft); font-size:.9rem; }
.meta-list li:last-child{ border-bottom:none; }
.meta-list .k{ color:var(--muted); }
.meta-list .v{ color:var(--navy); font-weight:500; text-align:right; }

.share-row{ display:flex; gap:.6rem; flex-wrap:wrap; }
.share-row .soc-lg{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); color:var(--navy); transition:all .25s; }
.share-row .soc-lg:hover{ background:var(--navy); color:var(--cream); border-color:var(--navy); }

.toc-mini{ list-style:none; margin:0; padding:0; }
.toc-mini li{ padding:.45rem 0; border-bottom:1px dotted var(--line-soft); font-size:.88rem; color:var(--ink); }
.toc-mini li:last-child{ border-bottom:none; }
.toc-mini .no{ color:var(--gold); font-family:'Cinzel',serif; font-size:.72rem; margin-right:.5rem; }

@media (min-width:992px){
  .detail-sticky{ position:sticky; top:7rem; }
}