:root{ --edge-gap:135px; }

.custom-header{
  position: relative;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}
.custom-header .wrap{
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
}
.header-inner{
  display:flex; align-items:center; gap:24px; min-height:72px;
}
.logo-container img{ height:60px; width:auto; display:block; }

.header-nav{ flex:1 1 auto; }
.mainmenu{
  margin:0; padding:0; list-style:none;
  display:flex; align-items:center; gap:28px;
}
.menu-item{ position:relative; }
.header-nav a{
  display:block; padding:18px 8px;
  font-weight:600; color:#333; text-decoration:none; letter-spacing:.2px;
}
.menu-item.active > a, .header-nav a:hover{ color:#b01f23; }

/* Dropdown */
.menu-item.has-children > a{ padding-right:18px; }
.menu-item.has-children > a::after{
  content:"▾"; margin-left:6px; font-size:12px; opacity:.7;
}
.dropdown-menu{
  position:absolute; top:100%; left:0; min-width:220px;
  margin:0; padding:8px 0; list-style:none; background:#fff;
  border:1px solid rgba(0,0,0,.08); border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.08); display:none;
}
.menu-item:hover > .dropdown-menu{ display:block; }
.dropdown-item a{ padding:10px 14px; color:#333; display:block; white-space:nowrap; }
.dropdown-item a:hover{ background:#f7f7f7; color:#b01f23; }

/* Dil anahtarı — eski blok görünsün istemiyoruz */
.lang-switcher{ display:none !important; }

/* İnce alt çizgi */
.header-separator{ height:2px; background:#b01f23; width:100%; opacity:.8; }

/* Genişlik kuralı */
@media (min-width:1200px){
  .custom-header .wrap{
    max-width:none; width:calc(100% - (2 * var(--edge-gap)));
    margin-left:var(--edge-gap); margin-right:var(--edge-gap);
    padding-left:0; padding-right:0;
  }
}
@media (min-width:1920px){
  .custom-header .wrap{ width:1650px; margin-left:auto; margin-right:auto; }
}
@media (max-width: 991.98px){
  .header-inner{ min-height:64px; }
  .custom-header .wrap{ max-width:100%; padding:0 16px; }
  .mainmenu{ gap:18px; flex-wrap:wrap; }
  .logo-container img{ height:52px; }
}

/* === TOPBAR === */
.custom-header .topbar{
  background:#2e2e35;
  color:#fff;
  border-bottom:1px solid rgba(0,0,0,.08);
  font-size:13px;
}
.custom-header .topbar a{ color:#fff; text-decoration:none; }
.custom-header .topbar .sep{ opacity:.5; margin:0 8px; }

.custom-header .topbar-inner{
  max-width:1320px;
  margin:0 auto;
  padding:6px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
@media (max-width: 991.98px){
  .custom-header .topbar-inner{ padding:6px 16px; flex-wrap:wrap; gap:6px; }
}

/* Force görünür */
.custom-header .topbar { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; width:100%; }

/* Topbar genişliği menüyle aynı */
@media (min-width:1200px){
  .custom-header .topbar-inner{
    max-width:none;
    width:calc(100% - (2 * var(--edge-gap)));
    margin-left:var(--edge-gap);
    margin-right:var(--edge-gap);
    padding-left:0; padding-right:0;
  }
}
@media (min-width:1920px){
  .custom-header .topbar-inner{
    width:1650px; margin-left:auto; margin-right:auto;
  }
}

/* Topbar sağ (dil) */
.topbar-right { display:flex; align-items:center; gap:8px; }
.lang-label  { color:#fff; font-size:14px; }
.lang-select {
  padding:2px 6px; border-radius:4px; border:1px solid #ccc;
  background-color:#fff; color:#000; font-size:14px;
}

/* === DİL: masaüstü link / mobil select === */
.lang-desktop{ display:flex !important; align-items:center; gap:8px; }
.lang-desktop .sep{ opacity:.4; }
.lang-mobile{ display:none !important; }
@media (max-width: 991.98px){
  .lang-desktop{ display:none !important; }
  .lang-mobile{ display:flex !important; align-items:center; gap:6px; }
}

/* === MENÜDEKİ NOKTA/SEPARATÖRLERİ %100 KALDIR === */
/* list-style ve tüm pseudo içerikleri ez */
.header-nav .mainmenu,
.header-nav .mainmenu li { list-style:none !important; margin:0 !important; padding:0 !important; }
.header-nav .mainmenu > li::marker { content:none !important; display:none !important; }
.header-nav .mainmenu li::before,
.header-nav .mainmenu li::after,
.header-nav .mainmenu a::before,
.header-nav .mainmenu a::after { content:none !important; display:none !important; }
