/* ==========================================================================
   Ufuk İklimi — main.css
   Tüm sayfalarda ortak: tasarım token'ları, tipografi, navbar, butonlar,
   etiketler, kişi kartı, page-hero, footer, reveal/erişilebilirlik.
   ========================================================================== */

:root{
  --navy:#16243F;
  --navy-900:#101B31;
  --gold:#B08A4F;
  --gold-light:#C9A96A;
  --cream:#F5EFE1;
  --cream-soft:#FBF7EE;
  --ink:#1C2436;
  --muted:#6E6656;
  --sage:#5E6B4F;
  --line:rgba(176,138,79,.35);
  --line-soft:rgba(176,138,79,.18);
}

*{ -webkit-font-smoothing:antialiased; }
body{
  font-family:'Spectral', Georgia, serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.7;
  overflow-x:hidden;
}
::selection{ background:var(--gold); color:#fff; }

h1,h2,h3,h4,.display-serif{ font-family:'Cormorant Garamond', Georgia, serif; }

a{ color:var(--navy); text-decoration:none; transition:color .25s ease; }
a:hover{ color:var(--gold); }

.eyebrow{
  font-family:'Cinzel', serif;
  text-transform:uppercase;
  letter-spacing:.22em;
  font-size:.72rem;
  color:var(--gold);
  font-weight:600;
  display:inline-block;
}
.section{ padding:6rem 0; }
.section-title{ font-size:2.6rem; font-weight:600; color:var(--navy); line-height:1.12; }
.lead-serif{ font-size:1.12rem; color:var(--muted); }

/* ---- ◆ altın ayraç (kapak motifinden) ---- */
.divider{ display:flex; align-items:center; gap:1rem; color:var(--gold); }
.divider::before,.divider::after{ content:""; height:1px; flex:1; background:var(--line); }
.divider i{ font-size:.55rem; }
.divider.center{ max-width:220px; margin:1.25rem auto; }

/* ---- NAVBAR ---- */
.navbar{
  background:rgba(245,239,225,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .3s ease, background .3s ease;
}
.navbar.scrolled{ box-shadow:0 6px 24px rgba(16,27,49,.08); background:rgba(245,239,225,.97); }
.brand{ display:flex; align-items:center; gap:.6rem; }
.brand i{ color:var(--gold); font-size:1.3rem; }
.brand .wm{ font-family:'Cinzel', serif; font-weight:700; letter-spacing:.14em; font-size:1.15rem; color:var(--navy); line-height:1; }
.navbar .nav-link{
  font-family:'Cinzel', serif; font-weight:500;
  text-transform:uppercase; letter-spacing:.09em;
  font-size:.74rem; color:var(--navy) !important;
  padding:.5rem .9rem !important; position:relative;
}
.navbar .nav-link::after{
  content:""; position:absolute; left:.9rem; right:.9rem; bottom:.3rem;
  height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{ transform:scaleX(1); }
.navbar .nav-link:hover{ color:var(--gold) !important; }
.dropdown-menu{
  border:1px solid var(--line-soft); border-radius:0; background:var(--cream-soft);
  box-shadow:0 12px 30px rgba(16,27,49,.12); padding:.4rem 0;
}
.dropdown-item{ font-size:.88rem; color:var(--navy); padding:.5rem 1.2rem; }
.dropdown-item:hover{ background:rgba(176,138,79,.08); color:var(--gold); }
.navbar-toggler{ border:1px solid var(--line); }
.navbar-toggler:focus{ box-shadow:none; }

/* ---- BUTONLAR ---- */
.btn-ink,.btn-outline-ink{
  font-family:'Cinzel', serif; font-size:.74rem; text-transform:uppercase; letter-spacing:.12em;
  border-radius:0; padding:.8rem 1.7rem; transition:all .3s ease; border:1px solid var(--navy);
}
.btn-ink{ background:var(--navy); color:var(--cream); }
.btn-ink:hover{ background:var(--navy-900); color:#fff; transform:translateY(-2px); }
.btn-outline-ink{ background:transparent; color:var(--navy); }
.btn-outline-ink:hover{ background:var(--navy); color:var(--cream); }
.btn-gold{
  font-family:'Cinzel', serif; font-size:.74rem; text-transform:uppercase; letter-spacing:.12em;
  border-radius:0; padding:.8rem 1.7rem; background:var(--gold); color:#fff; border:1px solid var(--gold); transition:all .3s ease;
}
.btn-gold:hover{ background:#9c7a44; color:#fff; transform:translateY(-2px); }
.link-more{ font-family:'Cinzel',serif; font-size:.74rem; text-transform:uppercase; letter-spacing:.12em; color:var(--gold); }
.link-more i{ transition:transform .3s ease; }
.link-more:hover i{ transform:translateX(4px); }

/* ---- ETİKETLER ---- */
.tag{
  font-family:'Cinzel',serif; font-size:.58rem; letter-spacing:.08em; text-transform:uppercase;
  padding:.2rem .5rem; border:1px solid var(--line); border-radius:2px; display:inline-block; margin:.15rem .15rem 0 0; line-height:1.4;
}
.tag--yazar{ color:var(--gold); border-color:var(--line); background:rgba(176,138,79,.06); }
.tag--editor{ color:var(--navy); border-color:rgba(22,36,63,.25); background:rgba(22,36,63,.05); }
.tag--danisma{ color:var(--sage); border-color:rgba(94,107,79,.3); background:rgba(94,107,79,.06); }

/* ---- KİŞİ KARTI (index teaser + ekip sayfası ortak) ---- */
.person{ width:230px; flex:0 0 auto; background:var(--cream-soft); border:1px solid var(--line-soft); padding:1.6rem 1.2rem; text-align:center; }
.person .avatar{ width:82px; height:82px; border-radius:50%; margin:0 auto .9rem; border:2px solid var(--line); padding:3px; background:#fff; }
.person .name{ font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:600; color:var(--navy); line-height:1.15; }
.person .tags{ margin-top:.55rem; min-height:2.2rem; }
.person .bio{ margin-top:.7rem; font-size:.86rem; color:var(--muted); line-height:1.5; }

/* ---- PAGE-HERO (iç sayfa başlık bandı) ---- */
.page-hero{
  padding:9rem 0 3rem;
  background:linear-gradient(180deg,var(--cream-soft),var(--cream));
  border-bottom:1px solid var(--line-soft);
}
.page-hero--navy{
  background:linear-gradient(160deg,var(--navy),var(--navy-900));
  border-bottom:1px solid rgba(201,169,106,.25);
}
.page-hero--navy .eyebrow{ color:var(--gold-light); }
.page-hero--navy .page-hero-title{ color:#fff; }
.page-hero--navy .breadcrumb-min,.page-hero--navy .breadcrumb-min a{ color:rgba(245,239,225,.7); }
.breadcrumb-min{ font-size:.8rem; color:var(--muted); margin-bottom:1rem; }
.breadcrumb-min a{ color:var(--muted); }
.breadcrumb-min a:hover{ color:var(--gold); }
.breadcrumb-min strong{ color:var(--navy); font-weight:500; }
.page-hero-title{ font-size:2.8rem; font-weight:600; color:var(--navy); line-height:1.12; margin-top:.5rem; }

/* ---- FORM ALANLARI (ortak) ---- */
.form-control{ border-radius:0; border:1px solid var(--line); background:#fff; font-family:'Spectral',serif; }
.form-control:focus{ box-shadow:none; border-color:var(--gold); }

/* ---- FOOTER ---- */
footer{ background:var(--navy-900); color:rgba(245,239,225,.7); padding:4.5rem 0 1.8rem; }
footer h5{ font-family:'Cinzel',serif; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-light); margin-bottom:1.2rem; }
footer a{ color:rgba(245,239,225,.7); }
footer a:hover{ color:var(--gold-light); }
footer .fbrand{ font-family:'Cinzel',serif; font-weight:700; letter-spacing:.16em; color:#fff; font-size:1.25rem; }
footer .contact-li{ display:flex; gap:.8rem; margin-bottom:.7rem; font-size:.92rem; }
footer .contact-li i{ color:var(--gold-light); margin-top:.25rem; }
.soc{ width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(201,169,106,.35); color:var(--gold-light); margin-right:.5rem; transition:all .3s; }
.soc:hover{ background:var(--gold); border-color:var(--gold); color:#fff; }
.footbar{ border-top:1px solid rgba(255,255,255,.08); margin-top:3rem; padding-top:1.6rem; font-size:.82rem; color:rgba(245,239,225,.5); }

/* ---- SIDEBAR (blog.php, blog-oku.php, sayfa.php ortak) ---- */
.sidebar{ display:flex; flex-direction:column; gap:1.6rem; }
.sb-widget{ background:var(--cream-soft); border:1px solid var(--line-soft); padding:1.6rem 1.4rem; }
.sb-title{ font-family:'Cinzel',serif; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
.sb-search{ display:flex; gap:.5rem; }
.sb-search .form-control{ padding:.6rem .8rem; }
.sb-list{ list-style:none; margin:0; padding:0; }
.sb-list li{ border-bottom:1px solid var(--line-soft); padding:.6rem 0; font-size:.92rem; }
.sb-list li:last-child{ border-bottom:none; }
.sb-list a{ color:var(--ink); }
.sb-list a:hover{ color:var(--gold); }
.sb-post{ display:flex; gap:.8rem; align-items:center; padding:.55rem 0; border-bottom:1px solid var(--line-soft); }
.sb-post:last-child{ border-bottom:none; }
.sb-post img{ width:56px; height:56px; object-fit:cover; border-radius:2px; flex:0 0 auto; }
.sb-post .ttl{ font-size:.88rem; color:var(--navy); line-height:1.3; }
.sb-post .dt{ font-size:.74rem; color:var(--muted); }
.sb-authors{ display:flex; flex-direction:column; gap:.7rem; }
.sb-author{ display:flex; align-items:center; gap:.7rem; }
.sb-author img{ width:38px; height:38px; border-radius:50%; }
.sb-author .name{ font-size:.88rem; color:var(--navy); font-weight:500; }
.sb-tags{ display:flex; flex-wrap:wrap; gap:.3rem; }
.sb-contact .contact-li{ display:flex; gap:.7rem; margin-bottom:.7rem; font-size:.88rem; color:var(--muted); }
.sb-contact .contact-li i{ color:var(--gold); margin-top:.2rem; }

/* ---- REVEAL / ERİŞİLEBİLİRLİK ---- */
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
.reveal.in{ opacity:1; transform:none; }

:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; }

@media (max-width:991px){
  .section-title{ font-size:2.1rem; }
  .page-hero{ padding:7rem 0 2.4rem; }
  .page-hero-title{ font-size:2.2rem; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  .reveal{ opacity:1; transform:none; }
}