/* ==== ONLY HEADER STYLES (scoped to .mt-header) ==== */
/* No global html/body/#site-header rules. No scroll locks. */

/* Scope */
.mt-header, .mt-header * { box-sizing: border-box }
.mt-header a, .mt-header span { overflow-wrap: anywhere; word-break: break-word }

/* Header root (includes local CSS variables + sticky behavior) */
.mt-header{
  /* local vars (no :root usage) */
  --mt-header-h: 66px;
  /* sticky only on the header itself */
  position: -webkit-sticky; position: sticky; top: 0; z-index: 70;

  background: var(--brand, #0F212C); color:#fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
  transition: background .2s, box-shadow .2s, transform .2s;
  width: 100%;
}
.mt-header--stuck{
  background: rgba(15,33,44,.92);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
@supports (backdrop-filter: blur(6px)){
  .mt-header--stuck{ backdrop-filter: saturate(120%) blur(6px) }
}

/* Layout */
.mt-header__container{ max-width:1140px; margin:0 auto; padding:0 20px; width:100% }
.mt-header__topbar{ display:flex; align-items:center; justify-content:space-between; height:var(--mt-header-h); gap:12px }
.mt-header__topbar > *{ min-width:0 }

/* Brand */
.mt-header__brand{
  display:flex; gap:10px; align-items:center; font-weight:800; color:#fff; text-decoration:none;
}
.mt-header__dot{ width:10px; height:10px; border-radius:999px; background:var(--accent,#12B886) }
.mt-header__txt{
  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
  font-size: 1.4rem; line-height: 1.2;
}
.mt-txt--light{ font-weight:100 }
.mt-txt--bold{ font-weight:800 }
@media (min-width:901px){ .mt-header__txt{ max-width:none } }

/* Desktop nav */
.mt-header__nav--desktop{ display:flex; gap:24px; align-items:center }
.mt-header__nav--desktop a{ color:#fff; opacity:.95; white-space:nowrap; text-decoration:none }
.mt-header__nav--desktop a.mt-is-active{ opacity:1; text-decoration:underline; text-underline-offset:6px }

/* Buttons */
.mt-btn{
  display:inline-flex; gap:8px; align-items:center; justify-content:center;
  padding:10px 16px; border-radius:999px; font-weight:700; border:1px solid transparent;
  transition:.2s transform; white-space:nowrap; min-height:40px;
}
.mt-btn:hover{ transform: translateY(-1px) }
.mt-btn--primary{ background:var(--accent,#12B886); color:#08301d }
.mt-btn--ghost{ background:transparent; color:#eaf2f9; border-color:#244353 }

/* Hamburger */
.mt-header__menu{
  display:none; background:transparent; border:0; color:#fff; cursor:pointer;
  padding:10px; border-radius:10px; min-width:44px; min-height:44px;
}
.mt-header__menu svg{ width:24px; height:24px; display:block }

/* Mobile (off-canvas) */
.mt-header__mobile{
  position:fixed; inset:0; z-index:120; pointer-events:none; overflow:hidden;
}
.mt-header__mobile::before{
  content:""; position:absolute; inset:0; background:rgba(0,0,0,.38);
  opacity:0; transition:opacity .25s ease;
}
.mt-header__sheet{
  position:absolute; top:0; right:0;
  width:min(86vw,360px); height:100dvh;
  background:var(--brand,#0F212C); border-left:1px solid #153042;
  transform:translateX(100%); transition:transform .28s cubic-bezier(.2,.8,.2,1);
  padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  box-shadow:-10px 0 30px rgba(0,0,0,.25);
}
.mt-header__sheet a{
  display:block; padding:14px 6px; color:#eaf2f9; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mt-header__sheet a:last-child{ border-bottom:0 }
.mt-header__close{
  position:absolute; top:6px; right:6px; background:transparent; border:0; color:#eaf2f9;
  font-size:24px; padding:10px; cursor:pointer;
}

/* Open state (no body/html scroll-lock here) */
.mt-header__mobile.mt-show{ pointer-events:auto }
.mt-header__mobile.mt-show::before{ opacity:1 }
.mt-header__mobile.mt-show .mt-header__sheet{ transform:translateX(0) }

/* Breakpoints (header-only) */
@media (max-width:900px){
  .mt-header__nav--desktop{ display:none }
  .mt-header__menu{ display:inline-flex }
  .mt-header__container{ padding:0 16px }
}
@media (max-width:480px){
  .mt-header{ --mt-header-h:60px }
  .mt-header__container{ padding:0 14px }
}


/* Açılma animasyonu */
.mt-header__mobile.mt-anim .mt-header__sheet{
  transform: translateX(0);
}