/* =========================================================
   HEADER CORE (CLEAN / STABLE)
========================================================= */

/* =========================
   ROOT WRAPPER
========================= */
.site-header{
  position:relative;
  z-index:1000;
  width:100%;
}

/* =========================
   CONTAINER (Header scope - safer)
========================= */
.site-header .header-nav .container,
.site-header .breaking-bar .container,
.site-header .top-ad-bar .top-ad-inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* =========================
   BREAKING BAR (layout only)
========================= */
.breaking-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:38px;
}

/* =========================
   NAV LAYOUT (layout only)
========================= */
.header-nav{
  position:relative;
}

.header-nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
}

/* =========================
   LOGO (layout only)
========================= */
.header-logo{
  display:flex;
  align-items:center;
}

.header-logo img{
  max-width:var(--logo-width-desktop);
  height:auto;
  display:block;
}

/* =========================
   MENU RESET (safe)
========================= */
.main-navigation{
  flex:1;
}

.main-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}

.main-navigation a{
  text-decoration:none;
}

/* =========================
   DESKTOP MENU + DROPDOWN (behaviour)
========================= */
@media (min-width:1025px){

  .main-navigation > ul{
    display:flex;
    align-items:center;
    gap:var(--me-menu-gap-desktop, 16px);
  }

  .main-navigation li{
    position:relative;
  }

  .main-navigation ul.sub-menu{
    position:absolute;
    top:100%;
    left:0;

    min-width:220px;
    padding:6px 0;
    border-radius:10px;

    opacity:0;
    transform:translateY(6px);
    pointer-events:none;
    transition:opacity .18s ease, transform .18s ease;

    z-index:3000;
  }

  .main-navigation li:hover > ul.sub-menu{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }

  .main-navigation ul.sub-menu a{
    display:block;
    padding:10px 16px;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
  }
}

/* =========================
   MOBILE TOGGLE (base)
========================= */
.menu-toggle{
  display:none;
  background:none;
  border:0;
  cursor:pointer;
  padding:6px;
}

.menu-toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:4px 0;
  border-radius:2px;
}

/* =========================
   MOBILE MENU (behaviour)
   - Sadece panel OLMAYAN headerlarda aktif olsun
========================= */
@media (max-width:1024px){

  .menu-toggle{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
  }

  /* Panel kullanan headerlarda core dropdown davranışını kapat */
  .site-header.has-mobile-panel .main-navigation{
    display:block;
    position:static;
  }

  /* Panel yoksa: klasik dropdown aç/kapa */
  .site-header:not(.has-mobile-panel) .main-navigation{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:3000;
  }

  .site-header:not(.has-mobile-panel) .main-navigation.is-open{
    display:block;
  }

  .site-header:not(.has-mobile-panel) .main-navigation ul{
    padding:12px;
  }

  .site-header:not(.has-mobile-panel) .main-navigation li{
    position:relative;
    margin-bottom:8px;
  }

  .site-header:not(.has-mobile-panel) .main-navigation a{
    display:block;
    padding:14px 16px;
    font-size:15px;
    font-weight:600;
    border-radius:10px;
  }

  .site-header:not(.has-mobile-panel) .menu-item-has-children > .sub-menu{
    display:none;
    padding-left:12px;
    margin-top:6px;
  }

  .site-header:not(.has-mobile-panel) .menu-item-has-children.sub-open > .sub-menu{
    display:block;
  }

  .site-header:not(.has-mobile-panel) .main-navigation ul.sub-menu{
    position:static;
    min-width:100%;
    transform:none;
    opacity:1;
    pointer-events:auto;
  }
}

/* =========================
   SMALL SCREEN LOGO
========================= */
@media (max-width:768px){
  .header-nav-inner{ min-height:60px; }
  .header-logo img{ max-width:var(--logo-width-mobile); }
}

/* =========================================================
   TOP AD BAR (GLOBAL) — layout + safe defaults
========================================================= */
.top-ad-bar{
  background:var(--me-topad-bg, #000);
  padding:12px 0;
  border-bottom:1px solid var(--me-topad-border, rgba(255,255,255,.08));
}

.top-ad-inner{
  max-width:1200px;
  margin:0 auto;

  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;

  padding:0 15px;
}

.top-ad-inner a{ display:block; }

.top-ad-inner img{
  display:block;
  max-height:90px;
  width:auto;
}

@media (max-width:768px){
  .top-ad-inner{ flex-direction:column; }
  .top-ad-inner img{ max-height:70px; }
}

/* =========================================================
   SOCIAL ICONS (CORE) — layout only
========================================================= */
.header-social{
  display:flex;
  align-items:center;
  gap:12px;
}

.header-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease;
}

.header-social a:hover{
  transform: translate(1px, -2px);
}

.header-social img{
  width:18px;
  height:18px;
  display:block;
}

/* =========================================================
   MOBILE PANEL GLOBAL SAFETY
   Desktop'ta mobile panel asla görünmesin
========================================================= */
@media (min-width:1025px){
  .mobile-menu-panel,
  .mobile-menu-panel.is-active{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .mobile-menu-panel .mobile-menu-box{
    transform:translateX(-100%) !important;
  }
}

/* =========================================================
   STICKY CORE (TÜM HEADERLAR)
========================================================= */
.me-sticky-group{ z-index: 99999; }

.me-sticky-group.is-sticky{
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.me-sticky-placeholder{ width:100%; }

/* ======================================================
   STICKY TOP FIX (Desktop + Mobile split)
   - top değerini JS/viewport mantığıyla uyumlu tutar
====================================================== */

/* Ortak: sticky iken aşağı iten şeyleri öldür */
.me-sticky-group.is-sticky{
  margin-top: 0 !important;
  transform: none !important;
}

/* Desktop: admin bar kadar aşağı insin */
@media (min-width:1025px){
  .me-sticky-group.is-sticky{
    top: calc(var(--wp-admin--admin-bar--height, 0px) + env(safe-area-inset-top, 0px));
  }
}

/* Mobile: her zaman en üste yapışsın (admin bar yoksa 0 gibi) */
@media (max-width:1024px){
  .me-sticky-group.is-sticky{
    top: env(safe-area-inset-top, 0px);
  }
}