/* ===== Global Vars (TEK :root) ===== */
:root{
  --brand-navy: #0a2342;    /* lacivert vurgu (başlıklar/ikonlar) */
  --brand-gold: #c9a33b;    /* altın vurgu (buton/badge) */
  --ink: #1c1d20;           /* ana metin */
  --muted: #5e636b;         /* ikincil metin */
  --beige: #F5E9DC;         /* site arka planı (body) */
  --card: #ffffff;          /* kart zemini */
  --card-br: #e9ecf2;       /* kart kenar çizgi */
  --pill: #f7efe2;          /* açık bej rozet/pill */
   --aliis-hero-h: clamp(220px, 34vh, 420px); /* çok büyük gelmesin */
  --aliis-hero-pad: clamp(16px, 3.2vw, 32px);
}

/* ===== Reset / base ===== */
html,body{margin:0;padding:0}
body{
  background: var(--beige) !important;
  color: var(--ink);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height: 1.5;
}

/* Başlık renkleri doğrudan */
h1,h3,h4{ color: var(--brand-navy); }
h2{color: #2b2f36;}

/* Generic container */
.container{ max-width:1200px; margin-inline:auto; padding: 0 20px; }

/* ===== <a> tabanlı butonlar (global) ===== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none; font-weight:600; padding:12px 18px; border-radius:999px;
  border:2px solid transparent; transition:.2s ease; will-change:transform;
}
.btn:hover{ transform:translateY(-1px); }
.btn--primary{ background:var(--brand-gold); color:#1b1b1b; }
.btn--primary:hover{ background:#d8b454 !important; color:#1b1b1b !important; }
.btn--ghost{ background:transparent; color:#ffffff; border-color:#ffffff55; border-style:solid; }
.btn--ghost:hover{ background:#ffffff22 !important; color:#ffffff !important; }

/* ========== HEADER / MENÜ ========== */
/* Header temel */
.site-header{
  position: relative;
  width: 100%;
  left: 0; right: 0;
  top: 0;
  z-index: 60;
}

/* Ana sayfa hero üstü overlay */
.site-header--overlay{
  position:absolute;
  left:0; right:0; top:0;
  z-index:60;
  /* senin istediğin bej tonlu geçiş */
  background: linear-gradient(
    180deg,
    rgba(255, 240, 219, .92),
    rgba(255, 240, 219, .58),
    rgba(255, 240, 219, 0)
  );
  border-bottom: 0;
}

/* Sticky olunca absolute -> fixed */
.site-header.is-sticky{
  position: fixed;
  top: 0; left: 0; right: 0;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* Fixed olunca içerik altına kaymasın (body padding’i JS set edecek) */
body.has-sticky-header{
  /* JS burayı header yüksekliği kadar inline set edecek */
}

.nav-inner{max-width:1200px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; gap:14px;}

.brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.brand__logo{width:34px; height:34px; border-radius:8px; background:var(--brand-gold);}
.brand__img{width:34px; height:34px; border-radius:8px; object-fit:contain;}
.brand__name{font-weight:900; letter-spacing:.3px; color:var(--brand-navy);}

.nav{margin-left:auto; display:flex; align-items:center; gap:10px}

/* WP menu UL/LI */
.nav .menu{margin:0; padding:0; list-style:none; display:flex; align-items:center; gap:10px}
.nav .menu > li{margin:0; padding:0}
.nav .menu a{
  color:#0a2342;
  text-decoration:none;
  padding:8px 12px;
  border-radius:10px;
  display:inline-flex;
}
.nav .menu a:hover{background:#00000008 !important; color:#0a2342}

/* CTA + social */
.call{font-weight:600 !important; color:#0a2342; text-decoration:none}
.btn-res{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; text-decoration:none; font-weight:600; background:var(--brand-gold); color:#fff}
.btn-res:hover{background:#d8b454 !important; color:#fff !important}
.social a{color:#fff !important; font-size:16px; padding:6px}

/* Burger */
.burger{display:none; margin-left:8px; width:42px; height:42px; border-radius:10px; border:1px solid #00000012; background:#fff}
.burger span{display:block; width:20px; height:2px; background:#111; margin:5px auto}

/* Mobil menü çekmecesi */
.drawer{position:fixed; inset:0 0 0 auto; width:min(86vw,360px); background:#fff; z-index:80; transform:translateX(100%); transition:transform .3s ease; box-shadow:-20px 0 40px rgba(0,0,0,.15)}
.drawer.is-open{transform:none}
.drawer__head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #eee}
.drawer__close{border:1px solid #ddd; background:#fff; padding:8px 10px; border-radius:10px; cursor:pointer}

.drawer__nav{display:grid; padding:10px 14px}

/* Drawer menu UL/LI */
.drawer__nav .drawer-menu{margin:0; padding:0; list-style:none; display:grid; gap:2px}
.drawer__nav .drawer-menu a,
.drawer__nav > a{
  padding:12px 10px;
  border-radius:10px;
  color:#fff !important;
  text-decoration:none;
  display:block;
}
.drawer__nav .drawer-menu a:hover,
.drawer__nav > a:hover{background:#00000006 !important}

.backdrop{position:fixed; inset:0; background:rgba(0,0,0,.35); backdrop-filter:blur(2px); z-index:75; opacity:0; pointer-events:none; transition:opacity .2s ease}
.backdrop.is-open{opacity:1; pointer-events:auto}

/* ========== FOOTER ========== */
.site-footer{
  background:#2b2f36; color:#cfd6df; margin-top:40px;
}
.footer-inner{max-width:1200px; margin:0 auto; padding:32px 20px; display:grid; gap:18px; grid-template-columns: repeat(12,1fr);}
.f-col{grid-column: span 3;}
.f-col h4{margin:0 0 8px; color:#fff;}
.f-list{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.f-list a{color:#cfd6df; text-decoration:none}
.f-list a:hover{text-decoration:underline !important}
.f-social a{color:#fff; font-size:18px; padding:6px}

.footer-bottom{border-top:1px solid #ffffff22; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 20px; color:#bfc7d1}
.footer-bottom a{color:#f7e6a1; text-decoration:none}
.footer-bottom a:hover{text-decoration:underline !important}

.aliis-hero{
  position:relative;
  isolation:isolate;
  min-height: var(--aliis-hero-h);
  background:#0b0c10;
  overflow:hidden;
}

.aliis-hero__media{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform: scale(1.02);
  filter: brightness(.78) contrast(1.05);
}

.aliis-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(1200px 520px at 18% 30%, rgba(0,0,0,.35), rgba(0,0,0,.0) 60%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.55) 70%, rgba(0,0,0,.62));
}

.aliis-hero__wrap{
  position:relative;
  z-index:2;
  max-width: 1200px;
  margin-inline:auto;
  min-height: var(--aliis-hero-h);
  padding: var(--aliis-hero-pad);
  display:grid;
  align-content:end;
  gap: 12px;
}

.aliis-hero__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.aliis-hero__crumbs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size: 14px;
  color: rgba(255,255,255,.85);
}

.aliis-hero__crumbs a{
  color: rgba(255,255,255,.9);
  text-decoration:none;
}
.aliis-hero__crumbs a:hover{ text-decoration:underline; }

.aliis-hero__crumbs .sep{ opacity:.6; }

.aliis-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration:none;
  background: var(--brand-gold, #d3b35a);
  color:#1b1b1b;
  white-space:nowrap;
}
.aliis-hero__btn:hover{ filter: brightness(1.03); }

.aliis-hero__title{
  margin: 0;
  color:#fff;
  font-size: clamp(28px, 3.2vw + 10px, 54px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Mobilde biraz daha kompakt */
@media (max-width: 600px){
  :root{ --aliis-hero-h: clamp(200px, 30vh, 320px); }
  .aliis-hero__btn{ width:100%; }
  .aliis-hero__top{ width:100%; }
}

/* Responsive */
@media (max-width: 992px){
  .nav{display:none}
  .burger{display:inline-grid; place-items:center}
  .f-col{grid-column: span 6;}
}
@media (max-width: 600px){
  .f-col{grid-column: 1 / -1;}
}