:root{
  --blue:#1e5989;
  --navy:#0b2a44;
  --bg:#f3f7fb;
  --ink:#0b0f14;
  --muted:#3a4552;

  --radius:16px;
  --wrap:1200px;
  --pad:clamp(16px, 2.5vw, 40px);
  --ease:cubic-bezier(.2,.8,.2,1);

  --font-title: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

*, *::before, *::after{ box-sizing:border-box; }

html, body{
  margin:0; padding:0;
  width:100%;
  overflow-x:hidden;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
}

/* ✅ admin bar düzeltmesi */
body.admin-bar .hz-header{ top:32px; }

img, svg, video, canvas{ max-width:100%; height:auto; display:block; }

.site-content{ flex:1 0 auto; }
.site-footer{ flex:0 0 auto; }

.wrap{
  width:min(var(--wrap), 100%);
  margin-inline:auto;
  padding-inline:16px;
}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  transition:transform .2s var(--ease), opacity .2s var(--ease), background .2s var(--ease);
  white-space:nowrap;
}
.btn--primary{ background:var(--blue); color:#fff; }
.btn--ghost{
  border:1px solid rgba(11,42,68,.22);
  color:var(--navy);
  background:rgba(255,255,255,.75);
}

/* Skip link */
.skip-link{
  position:absolute; left:-999px; top:auto;
  width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left:16px; top:16px;
  width:auto; height:auto;
  padding:10px 14px;
  background:#fff;
  border-radius:12px;
  z-index:9999;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}

/* Header */
.hz-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.hz-header__inner{
  width: 100%;
  padding: 6px clamp(12px, 2vw, 22px);
  display: flex;
  align-items: center;
  gap: 16px;
}

.hz-header__brand{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-width:140px;
  text-decoration:none;
  color:var(--navy);
  font-weight:800;
}

/* WP custom logo çıktısı için */
.hz-header__brand .custom-logo{ max-height:34px; width:auto; height:auto; display:block; }

.hz-header__nav{ flex:1 1 auto; display:flex; justify-content:center; }

.hz-nav{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:clamp(16px, 2vw, 30px);
}
.hz-nav > li > a{
  display:inline-flex;
  align-items:center;
  padding:8px 6px;
  text-decoration:none;
  color:rgba(11,42,68,.92);
  font-weight:700;
}
.hz-nav > li > a:hover{ color:var(--blue); }
.hz-nav .current-menu-item > a,
.hz-nav .current_page_item > a{ color:var(--blue); }

.hz-header__actions{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }

.hz-action{
  width:34px; height:34px;
  display:inline-flex;
  align-items:center; justify-content:center;
  border-radius:10px;
  background:rgba(15,23,42,.06);
  color:var(--navy);
  text-decoration:none;
  transition:transform .15s ease, background .15s ease;
}
.hz-action:hover{ transform:translateY(-1px); background:rgba(15,23,42,.10); }
.hz-action i{ font-size:16px; line-height:1; }
.hz-action--sm{ width:32px; height:32px; }

/* Burger */
.hz-burger{ display:none; }
.hz-burger span{
  display:block;
  width:18px; height:2px;
  background:var(--navy);
  border-radius:2px;
}

/* Mobile drawer */
.hz-mnav[hidden]{ display:none !important; }
.hz-mnav{ position:fixed; inset:0; z-index:2000; }
.hz-mnav__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.hz-mnav__panel{
  position:absolute; top:0; right:0;
  width:min(380px, 92vw);
  height:100%;
  background:#fff;
  box-shadow:-12px 0 30px rgba(0,0,0,.18);
  display:flex; flex-direction:column;
}
.hz-mnav__head{
  padding:14px 14px 10px;
  display:flex; align-items:center; gap:10px;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.hz-mnav__title{ font-weight:800; color:var(--navy); margin-right:auto; }
.hz-mnav__headActions{ display:flex; align-items:center; gap:8px; }
.hz-mnav__close{
  width:34px; height:34px;
  border:0;
  border-radius:10px;
  background:rgba(15,23,42,.06);
  cursor:pointer;
  font-size:22px;
  line-height:1;
  color:var(--navy);
}
.hz-mnav__body{ padding:10px 14px 18px; overflow:auto; }
.hz-mnav__menu{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:4px;
}
.hz-mnav__menu a{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 10px;
  border-radius:12px;
  text-decoration:none;
  color:var(--navy);
  font-weight:700;
  background:rgba(15,23,42,.04);
}
.hz-mnav__menu a:hover{ background:rgba(15,23,42,.08); }

.hz-mnav__menu .sub-menu{
  list-style:none;
  margin:6px 0 10px;
  padding:0 0 0 12px;
  display:none;
}
.hz-mnav__menu .sub-menu.is-open{ display:block; }
.hz-mnav__menu .sub-menu a{ background:rgba(15,23,42,.03); }

body.hz-noscroll{ overflow:hidden; }

/* Hero slider */
.hz-hero{ position:relative; z-index:1; width:100%; }
.hz-hero__swiper{ width:100%; height:clamp(420px, 62vh, 720px); }
.hz-hero__slide{ position:relative; height:100%; }
.hz-hero__media{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  pointer-events:none;
}
.hz-hero__overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,25,36,.78) 0%, rgba(6,25,36,.42) 55%, rgba(6,25,36,.10) 100%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.35));
  pointer-events:none;
}
.hz-hero__content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;          /* <<< ALT ALTA */
  justify-content:center;         /* dikey ortalama */
  align-items:flex-start;         /* sola hizalı */
  gap:14px;                       /* başlık/açıklama/buton arası */
  padding: clamp(28px, 6vw, 72px) 0;
}

.hz-hero__title{
  margin:0;
  color:#fff;
  font-size:clamp(30px, 4vw, 54px);
  line-height:1.05;
  letter-spacing:-.02em;
  max-width: 18ch;
}

.hz-hero__text{
  margin:0;
  color:rgba(255,255,255,.92);
  max-width:60ch;
  font-size:clamp(15px, 1.6vw, 18px);
  line-height:1.55;
}

.hz-hero__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;                 /* daralınca alta geçsin */
  align-items:center;
  margin-top: 6px;
}


/* ✅ senin HTML’deki butonlar */
.hz-hero__pagination{
  position:absolute;
  left:0; right:0;
  bottom:14px;
  z-index:3;
  text-align:center;
}
.hz-hero__pagination .swiper-pagination-bullet{
  background:rgba(255,255,255,.65);
  opacity:1;
}
.hz-hero__pagination .swiper-pagination-bullet-active{ background:#fff; }

.hz-hero__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:42px; height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.20);
  cursor:pointer;
}
.hz-hero__prev{ left:14px; }
.hz-hero__next{ right:14px; }
.hz-hero__nav::before{
  content:"";
  display:block;
  width:10px; height:10px;
  margin:auto;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}
.hz-hero__prev::before{ transform:rotate(135deg); }
.hz-hero__next::before{ transform:rotate(-45deg); }

/* Footer */
.site-footer{ background:var(--navy); color:#fff; margin-top:60px; }
.footer__grid{
  display:grid;
  gap:26px;
  grid-template-columns:1.2fr 1fr 1fr;
  padding:42px 0;
}
.footer__title{ margin:0 0 10px; font-family:var(--font-title); }
.footer__text{ margin:0 0 14px; color:rgba(255,255,255,.82); }
.footer__menu, .footer__posts{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.site-footer a{ color:#fff; text-decoration:none; opacity:.92; }
.site-footer a:hover{ opacity:1; }
.footer__bar{ background:rgba(0,0,0,.18); }
.footer__barRow{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; }



@media (max-width:980px){
  .hz-burger{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:42px; height:36px;
    padding:0;
    border:0;
    border-radius:10px;
    background:rgba(15,23,42,.06);
    cursor:pointer;
    margin-left:auto;
  }
  .hz-header__nav{ display:none; }
  .hz-header__actions{ display:none; }
  .hz-hero__overlay{
    background:linear-gradient(180deg, rgba(6,25,36,.62) 0%, rgba(6,25,36,.58) 55%, rgba(6,25,36,.62) 100%);
  }
  .hz-hero__prev, .hz-hero__next{ display:none; }

  .footer__grid{ grid-template-columns:1fr; padding:34px 20px; text-align:center;}
  .footer__barRow{ flex-direction:column; gap:8px; align-items:center; }
}

.footer__metaRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:14px;
}

.footer__metaItem{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.04);
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}

.footer__metaItem i{
  font-size:16px;
  opacity:.9;
}

.footer__metaText{
  font-size:14px;
  line-height:1.2;
  opacity:.9;
}

.footer__metaItem:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.2);
}

.footer__social{
  display:flex;
  gap:10px;
  margin-top:14px;
}

.footer__socialLink{
  width:42px; height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:inherit;
  text-decoration:none;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}

.footer__socialLink i{ font-size:18px; }

.footer__socialLink:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.2);
}

/* Erişilebilirlik: ekranda görünmesin ama okuyucular için kalsın */
.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

@media (max-width: 560px){
  .footer__metaItem{ width:100%; }
}


@media (max-width: 768px){
  .hz-hero__content{
    align-items:flex-start;
    gap:12px;
    padding: 26px 0;
  }

  .hz-hero__title{
    font-size: clamp(26px, 7vw, 42px);
    max-width: 20ch;
  }

  .hz-hero__text{
    font-size: 15px;
    max-width: 52ch;
  }
}

@media (max-width: 420px){
  .hz-hero__actions{
    flex-direction:column;         /* dar ekranda alt alta */
    align-items:stretch;
    width:100%;
  }
  .hz-hero__actions .btn{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

@media (max-width:560px){
  .hz-hero__content{ padding-inline:16px; }
  .hz-hero__title{ font-size:clamp(26px, 8vw, 38px); }
  .hz-hero__text{ font-size:15px; max-width:36ch; }
}

/* ===== KESİN FIX: Menü açıkken slider'ı alta it (stacking context kır) ===== */
body.hz-noscroll .hz-mnav{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important; /* en üst */
}

body.hz-noscroll .hz-mnav__backdrop{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  background: rgba(0,0,0,.45);
}

body.hz-noscroll .hz-mnav__panel{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  width: min(380px, 92vw) !important;
  z-index: 2147483647 !important;
}

/* Menü açıkken HERO/Swiper katmanlarını kesin alta al */
body.hz-noscroll .hz-hero,
body.hz-noscroll .hz-hero .swiper,
body.hz-noscroll .hz-hero .swiper-wrapper,
body.hz-noscroll .hz-hero .swiper-slide{
  position: relative !important;
  z-index: 0 !important;
}

/* Bazı cihazlarda wrapper transform stacking yapar -> etkisini kır */
body.hz-noscroll .hz-hero .swiper-wrapper{
  transform: none !important;
}

/* Reveal */
.reveal{
  opacity:0;
  transform: translateY(14px);
  transition: opacity .6s var(--ease), transform .6s var(--ease);
  will-change: opacity, transform;
}
.reveal.is-in{
  opacity:1;
  transform: translateY(0);
}

/* Hareket azaltma tercihi olanlar */
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}

/* Page Hero */
.page-hero{
  position:relative;
  padding: clamp(34px, 5vw, 64px) 0;
  background-size:cover;
  background-position:center;
  color:#fff;
  overflow:hidden;
}
.page-hero__overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(6,25,36,.78) 0%, rgba(6,25,36,.40) 55%, rgba(6,25,36,.10) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.35));
  pointer-events:none;
}
.page-hero__in{ position:relative; z-index:1; max-width: 980px; }

.page-hero__title{
  margin: 8px 0 10px;
  font-family: var(--font-title);
  letter-spacing:-.02em;
  line-height:1.05;
  font-size: clamp(28px, 4vw, 44px);
}
.page-hero__desc{
  margin: 0 0 16px;
  color: rgba(255,255,255,.9);
  line-height: 1.7;
  max-width: 70ch;
}
.page-hero__actions{ display:flex; gap:10px; flex-wrap:wrap; }

@media (max-width: 980px){
  .page-hero{ padding: 28px 0; }
}


/* =========================
   HARD OVERRIDE: HEADER FULL HEIGHT + SOLID BG
   (Dosyanin EN ALTINA ekle)
   ========================= */

:root{
  --hz-header-h: 88px; /* istersen 80-96 arasi dene */
}

/* header’in kendisi */
header.hz-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;

  height: var(--hz-header-h) !important;      /* FULL HEIGHT */
  background: #ffffff !important;             /* OPak */
  backdrop-filter: none !important;           /* blur kapat */
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(11,42,68,.10) !important;
}

/* admin bar varken top offset */
body.admin-bar header.hz-header{
  top: 32px !important;
}
@media (max-width: 782px){
  body.admin-bar header.hz-header{ top: 46px !important; }
}

/* ic container full height ve ortalama */
header.hz-header .hz-header__inner{
  height: 100% !important;                    /* header yüksekliğini doldur */
  padding: 0 16px !important;                 /* yuksekligi padding ile bozma */
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
}

/* logo/menü/ikon hizalari */
header.hz-header .hz-header__nav{ justify-self: center !important; }
header.hz-header .hz-header__actions{ justify-self: end !important; }

/* logo boyutu */
header.hz-header .hz-header__brand .custom-logo{
  max-height: 42px !important;
  width: auto !important;
  height: auto !important;
}

/* mobilde daha kisa bar */
@media (max-width: 980px){
  :root{ --hz-header-h: 64px; }

  header.hz-header .hz-header__inner{
    grid-template-columns: auto auto !important;
  }
  header.hz-header .hz-header__nav,
  header.hz-header .hz-header__actions{ display: none !important; }
}


