/* Alanya UCN Yapı | layout.css
   Ust baslik, gezinme, bolum kaliplari, alt bilgi.
   ========================================================================== */

/* ============================================================ UST BASLIK */

/* NOT: burada backdrop-filter KULLANILMIYOR.
   Ust elemanda backdrop-filter/filter/transform varsa, altindaki
   position:fixed elemanlar ekrana degil o elemana gore konumlanir; mobil
   cekmece 74 piksellik baslik kutusuna hapsoluyordu. Duz zemin kullaniyoruz.
   z-index 100: cekmece cerez seridinin (90) ustunde kalsin. */
.site-head{
  position:sticky; top:0; z-index:100;
  background:var(--surface);
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow var(--t);
}
.site-head.is-stuck{ box-shadow:0 2px 16px rgba(28,22,16,.09); }

/* ust kenarda ince marka seridi */
.site-head::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, var(--brand) 0%, var(--gold) 45%, var(--teal-lt) 100%);
}

.head-inner{
  display:flex; align-items:center; gap:26px;
  min-height:88px;
  /* DIKKAT: burada padding kisaltmasi KULLANILMAZ.
     Eleman ayni anda .wrap sinifini da tasiyor ve .wrap yatay boslugu
     veriyor. "padding:12px 0" yazilirsa yatay bosluk sifirlanir, logo
     ekranin kenarina yapisir. Yalnizca dikey bosluk veriyoruz. */
  padding-top:12px; padding-bottom:12px;
  position:relative;
}

.brand{ display:flex; flex-direction:column; gap:2px; margin-right:auto; text-decoration:none; }
.brand:hover{ text-decoration:none; }
.brand-name{
  font-family:var(--f-head); font-size:1.34rem; font-weight:600;
  letter-spacing:-.02em; color:var(--ink); line-height:1.15;
}
.brand-sub{ font-size:.76rem; color:var(--ink-mute); letter-spacing:.01em; }
.brand-img{ flex-direction:row; align-items:center; }
.brand-img img{
  max-height:68px; width:auto; max-width:320px;
  transition:transform var(--t-fast);
}
.brand-img:hover img{ transform:scale(1.03); }

/* --------------------------------------------------------------- gezinme */

.main-nav ul{ display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; }
.main-nav li{ margin:0; }
.main-nav a{
  position:relative; display:block;
  padding:9px 14px; border-radius:var(--r-full);
  font-size:.94rem; font-weight:500; color:var(--ink-soft);
  transition:color var(--t-fast), background var(--t-fast);
}
.main-nav a::after{
  content:""; position:absolute; left:50%; right:50%; bottom:2px; height:2px;
  background:var(--brand); border-radius:2px;
  transition:left var(--t), right var(--t);
}
.main-nav a:hover{ color:var(--ink); background:var(--surface-2); text-decoration:none; }
.main-nav a:hover::after{ left:16px; right:16px; }
.main-nav a.on{ color:var(--brand); font-weight:600; }
.main-nav a.on::after{ left:14px; right:14px; }

/* dil secici */
.lang-switch{ display:flex; align-items:center; gap:3px; }
.lang-switch a{
  padding:6px 9px; border-radius:var(--r-sm);
  font-size:.78rem; font-weight:600; letter-spacing:.04em;
  color:var(--ink-mute); text-transform:uppercase;
  transition:color var(--t-fast), background var(--t-fast);
}
.lang-switch a:hover{ color:var(--ink); background:var(--surface-2); text-decoration:none; }
.lang-switch a.on{ color:#fff; background:var(--brand); }

/* hamburger */
.nav-btn{
  display:none; flex-direction:column; gap:5px;
  padding:10px 8px; background:none; border:0; cursor:pointer;
  order:3; z-index:60; transition:opacity var(--t-fast);
}
.nav-btn span{
  display:block; width:24px; height:2px; border-radius:2px;
  background:var(--ink); transition:transform var(--t), opacity var(--t);
}
.nav-scrim{ display:none; }
.nav-top,.nav-bottom{ display:none; }
.lang-desktop{ display:block; }
/* mobil dil seridi masaustunde gizli */
.lang-mobile{ display:none; }

/* ============================================================== BOLUMLER */

.site-main{ display:block; min-height:50vh; }

.section{ position:relative; padding:84px 0; }
.section-tight{ padding:54px 0; }

/* acik kum zeminli bolum */
.section-alt{ background:var(--sand-2); }
.section-alt::before,.section-alt::after{
  content:""; position:absolute; left:0; right:0; height:56px; pointer-events:none;
}
.section-alt::before{ top:0;    background:linear-gradient(180deg, var(--sand), transparent); }
.section-alt::after { bottom:0; background:linear-gradient(0deg,   var(--sand), transparent); }

/* bolum basligi */
.sec-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; margin-bottom:38px;
}
.sec-head h2{ margin:0; position:relative; padding-left:18px; }
.sec-head h2::before{
  content:""; position:absolute; left:0; top:.18em; bottom:.18em; width:4px;
  background:var(--grad-brand); border-radius:4px;
}
.sec-head-center{ flex-direction:column; align-items:center; text-align:center; margin-bottom:34px; }
.sec-head-center h2{ padding-left:0; }
.sec-head-center h2::before{
  left:50%; top:auto; bottom:-14px; width:56px; height:4px; transform:translateX(-50%);
}
.sec-head-center .muted{ margin-top:22px; }

.sec-more{
  display:inline-flex; align-items:center; gap:7px; flex:0 0 auto;
  font-size:.9rem; font-weight:600; color:var(--brand);
}
.sec-more svg{ transition:transform var(--t-fast); }
.sec-more:hover{ text-decoration:none; }
.sec-more:hover svg{ transform:translateX(4px); }

.sec-intro{ max-width:74ch; margin-bottom:40px; }
.sec-intro h1{ margin-bottom:.35em; }
.page-title{ margin-bottom:34px; }

/* ============================================================= ALT BILGI */

.site-foot{
  position:relative;
  background:var(--teal-dk); color:#c9d6d8;
  padding:70px 0 0; margin-top:0;
}
.site-foot::before{
  content:""; position:absolute; inset:0 0 auto 0; height:4px;
  background:linear-gradient(90deg, var(--brand), var(--gold), var(--teal-lt));
}
.site-foot a{ color:#e2ebec; }
.site-foot a:hover{ color:#fff; text-decoration:none; }

.foot-grid{
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:44px; padding-bottom:52px;
}
.foot-brand{
  font-family:var(--f-head); font-size:1.32rem; font-weight:600;
  color:#fff; margin:0 0 14px;
}
.foot-logo{ max-height:56px; width:auto; max-width:260px; margin-bottom:16px; }
.foot-text{ font-size:.92rem; line-height:1.72; color:#a9bcbf; max-width:38ch; }

.foot-col h3{
  font-family:var(--f-body); font-size:.76rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.13em;
  color:var(--gold); margin:0 0 18px;
}
.foot-col ul{ list-style:none; margin:0; padding:0; }
.foot-col li{ margin-bottom:11px; }
.foot-col a{ font-size:.93rem; position:relative; padding-left:0; transition:padding-left var(--t-fast); }
.foot-col a:hover{ padding-left:6px; }

.foot-contact{ list-style:none; margin:0; padding:0; }
.foot-contact li{
  display:flex; align-items:flex-start; gap:11px;
  margin-bottom:13px; font-size:.93rem; color:#c9d6d8;
}
.foot-contact svg{ flex:0 0 auto; margin-top:3px; color:var(--gold); }

.foot-bottom{ border-top:1px solid var(--line-dark); }
.foot-bottom-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; padding:22px 0; font-size:.86rem; color:#8ba1a5;
}
.credit a{ color:#a9bcbf; }
.credit a:hover{ color:var(--gold); }