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

/* ---- HERO ---- */
.hero{
  position:relative; padding:8.5rem 0 6rem;
  background:
    radial-gradient(1200px 500px at 80% -10%, rgba(176,138,79,.10), transparent 60%),
    linear-gradient(180deg, var(--cream-soft), var(--cream));
  overflow:hidden;
}
.hero::before{ /* ince tezyinat dokusu */
  content:""; position:absolute; inset:0; opacity:.05; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23B08A4F' stroke-width='1'%3E%3Cpath d='M30 2 L58 30 L30 58 L2 30 Z'/%3E%3Cpath d='M30 14 L46 30 L30 46 L14 30 Z'/%3E%3C/g%3E%3C/svg%3E");
}
.hero h1{ font-size:3.7rem; font-weight:600; color:var(--navy); line-height:1.08; }
.hero .slogan-it{ font-style:italic; color:var(--gold); }
.cover-frame{
  position:relative; padding:14px; background:var(--cream-soft);
  border:1px solid var(--line); box-shadow:0 30px 60px -25px rgba(16,27,49,.45);
}
.cover-frame::after{ content:""; position:absolute; inset:6px; border:1px solid var(--line-soft); pointer-events:none; }
.cover-frame img{ display:block; width:100%; height:auto; }
.cover-badge{
  position:absolute; top:-16px; left:-16px; z-index:2;
  background:var(--navy); color:var(--gold-light);
  font-family:'Cinzel',serif; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase;
  padding:.55rem .9rem; box-shadow:0 8px 20px rgba(16,27,49,.3);
}

/* ---- BÖLÜMLER ŞERİDİ ---- */
.rubrics{ background:var(--navy); color:var(--cream); padding:2.4rem 0; }
.rubric{ text-align:center; color:var(--cream); opacity:.85; transition:opacity .3s, transform .3s; }
.rubric:hover{ opacity:1; transform:translateY(-3px); color:var(--gold-light); }
.rubric i{ font-size:1.4rem; color:var(--gold-light); }
.rubric span{ display:block; font-family:'Cinzel',serif; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; margin-top:.5rem; }

/* ---- SON SAYI / İÇİNDEKİLER (imza) ---- */
.toc{ font-family:'Spectral',serif; }
.toc-item{ display:flex; align-items:baseline; gap:.6rem; padding:.42rem 0; }
.toc-title{ color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.toc-item.dosya .toc-title{ color:var(--navy); font-weight:500; }
.toc-lead{ flex:1 1 auto; border-bottom:1px dotted var(--line); transform:translateY(-.28rem); }
.toc-page{ font-family:'Cinzel',serif; font-size:.82rem; color:var(--gold); min-width:2rem; text-align:right; }
.toc-cat{ font-family:'Cinzel',serif; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin:1.1rem 0 .2rem; }

/* ---- KÖŞE YAZILARI ---- */
.kose-card{ background:var(--cream-soft); border:1px solid var(--line-soft); padding:2rem; height:100%; transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.kose-card:hover{ transform:translateY(-6px); box-shadow:0 22px 40px -22px rgba(16,27,49,.35); border-color:var(--line); }
.kose-cat{ font-family:'Cinzel',serif; font-size:.64rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }
.kose-title{ font-size:1.5rem; font-weight:600; color:var(--navy); margin:.6rem 0 .7rem; line-height:1.2; }
.kose-excerpt{ color:var(--muted); font-size:.98rem; }
.kose-meta{ display:flex; align-items:center; gap:.7rem; margin-top:1.3rem; padding-top:1.1rem; border-top:1px solid var(--line-soft); }
.kose-meta .avatar{ width:38px; height:38px; border-radius:50%; }
.kose-meta .name{ font-weight:500; color:var(--navy); font-size:.92rem; line-height:1.1; }
.kose-meta .date{ font-size:.78rem; color:var(--muted); }

/* ---- YAZARLAR (kayan) ---- */
.marquee{ position:relative; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.marquee-track{ display:flex; gap:1.4rem; width:max-content; animation:scroll 46s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---- HAKKIMIZDA ---- */
.about{ background:var(--navy); color:var(--cream); position:relative; overflow:hidden; }
.about::before{ content:""; position:absolute; inset:0; opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23C9A96A'%3E%3Cpath d='M40 4 L76 40 L40 76 L4 40 Z'/%3E%3C/g%3E%3C/svg%3E"); }
.about .eyebrow{ color:var(--gold-light); }
.about h2{ color:#fff; }
.about p{ color:rgba(245,239,225,.82); }
.pullquote{ font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.9rem; color:var(--gold-light); line-height:1.35; border-left:2px solid var(--gold); padding-left:1.5rem; }
.stat{ font-family:'Cormorant Garamond',serif; font-size:2.6rem; font-weight:600; color:var(--gold-light); line-height:1; }
.stat + .stat-lbl{ font-family:'Cinzel',serif; font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:rgba(245,239,225,.6); }

/* ---- ARŞİV (index özeti) ---- */
.issue-card{ background:var(--cream-soft); border:1px solid var(--line-soft); overflow:hidden; height:100%; transition:transform .35s, box-shadow .35s; }
.issue-card:hover{ transform:translateY(-6px); box-shadow:0 24px 44px -24px rgba(16,27,49,.4); }
.issue-card .cap{ padding:1.1rem 1.2rem; }
.issue-card .yr{ font-family:'Cinzel',serif; font-size:.66rem; letter-spacing:.12em; color:var(--gold); text-transform:uppercase; }
.issue-card .ttl{ font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-weight:600; color:var(--navy); }
.cover-placeholder{
  aspect-ratio:1294/1750; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:.4rem;
  background:linear-gradient(160deg,var(--navy),var(--navy-900)); color:var(--gold-light); border:1px dashed rgba(201,169,106,.4);
}
.cover-placeholder .cp-wm{ font-family:'Cinzel',serif; letter-spacing:.14em; font-size:.8rem; }
.cover-placeholder .cp-note{ font-family:'Cinzel',serif; font-size:.6rem; letter-spacing:.12em; text-transform:uppercase; opacity:.7; }

/* ---- ABONELİK ---- */
.subscribe{ background:linear-gradient(180deg,var(--cream), var(--cream-soft)); border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.subscribe .form-control{ padding:.85rem 1rem; }

@media (max-width:991px){
  .hero{ padding-top:6.5rem; text-align:center; }
  .hero h1{ font-size:2.7rem; }
  .hero .d-flex{ justify-content:center; }
  .cover-frame{ max-width:320px; margin:2.5rem auto 0; }
}