/* =========================================================
   HEADER V1 – SPORT BROADCAST (ISOLATED)
   - Üst: Dark broadcast top row
   - Alt: BLACK NAV BAR + kırmızı premium çizgi
   - Mobile panel: V3/V4 mantığı ile uyumlu
   Scope: .header--v1
========================================================= */

.header--v1{
  position:relative;
  z-index:1000;
  width:100%;
}

/* =========================
   BREAKING BAR (dark)
========================= */
.header--v1 .header-v1-breaking{
  border-bottom:1px solid rgba(255,255,255,.08);
}

.header--v1 .header-v1-breaking-inner{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* Social icons white */
.header--v1 .header-v1-social{
  display:flex;
  align-items:center;
  gap:12px;
}

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

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

.header--v1 .header-v1-social img{
  width:18px;
  height:18px;
  display:block;
  filter: brightness(0) invert(1) contrast(1.2);
}

.header--v1 .header-v1-breaking-note{
  font-size:12px;
  font-weight:700;
  letter-spacing:.4px;
  opacity:.9;
  white-space:nowrap;
}

/* =========================
   TOP ROW (broadcast)
========================= */
.header--v1 .header-v1-top{
  background:#111214;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
}

.header--v1 .header-v1-top-inner{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:visible;
}

.header--v1 a{ color:#fff; text-decoration:none; }

/* Logo */
.header--v1 .header-v1-logo{
  display:flex;
  align-items:center;
}

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

/* Search (compact) */
.header--v1 .header-v1-search input[type="search"]{
  width:210px;
  max-width:36vw;
  height:30px;
  padding:0 10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  outline:none;
  font-size:12.5px;
}

.header--v1 .header-v1-search input[type="search"]::placeholder{
  color:rgba(255,255,255,.65);
}

.header--v1 .header-v1-search input[type="submit"],
.header--v1 .header-v1-search button,
.header--v1 .header-v1-search .search-submit{
  display:none;
}

/* Toggle (mobile) */
.header--v1 .header-toggle{
  display:none;
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
  align-items:center;
  justify-content:center;
}

.header--v1 .header-toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:4px 0;
  border-radius:2px;
  background:#fff;
}

/* =========================
   BLACK NAV BAR (desktop menu)
========================= */
.header--v1 .header-v1-navbar{
  background:#0b0c0e;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:relative;
}

/* Premium kırmızı çizgi */
.header--v1 .header-v1-navbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(
    to right,
    transparent,
    #b11217 15%,
    #b11217 85%,
    transparent
  );
  pointer-events:none;
  z-index:2;
}

.header--v1 .header-v1-navbar-inner{
  min-height:56px;
  display:flex;
  align-items:center;
  overflow:visible;
}

/* Menu typography */
@media (min-width:1025px){
  .header--v1 .header-v1-menu > ul,
  .header--v1 .header-v1-menu .nav-menu{
    display:flex;
    align-items:center;
    gap:18px;
  }

  .header--v1 .header-v1-menu > ul > li > a{
    position:relative;
    display:inline-flex;
    align-items:center;
    padding:12px 10px;
    border-radius:12px;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
    color:#fff;
    transition:background .15s ease;
  }

  .header--v1 .header-v1-menu > ul > li > a:hover{
    background:rgba(255,255,255,.06);
  }

  /* Dropdown caret (kırmızı) */
  .header--v1 .header-v1-menu > ul > li.menu-item-has-children > a{
    padding-right:18px;
  }

  .header--v1 .header-v1-menu > ul > li.menu-item-has-children > a::before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-30%);
    width:0;
    height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid #b11217;
  }

  /* Dropdown panel (dark glass) */
  .header--v1 .header-v1-menu ul.sub-menu{
    background:rgba(15,16,18,.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,.38);
    overflow:hidden;
  }

  .header--v1 .header-v1-menu ul.sub-menu a{
    display:block;
    padding:11px 16px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    position:relative;
  }

  .header--v1 .header-v1-menu ul.sub-menu a:hover{
    background:rgba(255,255,255,.06);
  }

  /* Submenu sol kırmızı accent */
  .header--v1 .header-v1-menu ul.sub-menu a::after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:0;
    background:#b11217;
    transition:height .18s ease;
  }

  .header--v1 .header-v1-menu ul.sub-menu a:hover::after{
    height:60%;
  }
}

/* =========================
   MOBILE (<=1024)
========================= */
@media (max-width:1024px){

  .header--v1 .header-v1-search{
    display:none; /* mobilde top row sade kalsın */
  }

  .header--v1 .header-toggle{
    display:flex;
  }

  /* mobilde black navbar gizle (menü panelden gelecek) */
  .header--v1 .header-v1-navbar{
    display:none;
  }

  .header--v1 .header-v1-logo img{
    max-width:var(--logo-width-mobile, 160px);
  }
}

/* =========================
   MOBILE PANEL (dark premium)
========================= */
.header--v1 .mobile-menu-panel{
  position:fixed;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:100000;
}

.header--v1 .mobile-menu-panel.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.header--v1 .mobile-menu-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.38);
}

.header--v1 .mobile-menu-box{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:min(360px, 88vw);

  background:rgba(15,16,18,.94);
  color:#fff;

  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:20px 0 55px rgba(0,0,0,.42);

  transform:translateX(-100%);
  transition:transform .22s ease;

  padding:16px;
  overflow:auto;
}

.header--v1 .mobile-menu-panel.is-active .mobile-menu-box{
  transform:translateX(0);
}

.header--v1 .mobile-menu-close{
  appearance:none;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  width:40px;
  height:40px;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
}

.header--v1 .mobile-menu-logo{
  padding:12px 4px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.header--v1 .mobile-menu-logo img{
  max-width:170px;
  height:auto;
  display:block;
}

/* mobile nav */
.header--v1 .mobile-navigation ul,
.header--v1 .mobile-navigation li{
  list-style:none !important;
  margin:0;
  padding:0;
}

.header--v1 .mobile-navigation .mobile-menu > li{
  border-bottom:1px solid rgba(255,255,255,.10);
}

.header--v1 .mobile-navigation a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 0;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
}

/* submenu */
.header--v1 .mobile-navigation .sub-menu{
  display:none;
  padding:8px 0 12px 12px;
  background:rgba(255,255,255,.06);
}

.header--v1 .mobile-navigation .sub-open > .sub-menu{
  display:block;
}

.header--v1 .mobile-navigation .sub-menu a{
  display:block;
  padding:10px 0;
  color:rgba(255,255,255,.86);
  font-size:15px;
  font-weight:600;
}

/* Desktop’a geçince panel görünmesin */
@media (min-width:1025px){
  .header--v1 .mobile-menu-panel,
  .header--v1 .mobile-menu-panel.is-active{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .header--v1 .mobile-menu-box{
    transform:translateX(-100%) !important;
  }
}
/* LOGO WHITE (V1) */
.header--v1 .custom-logo{
  filter: brightness(0) invert(1);
}

/* bazı temalarda img selector gerekir */
.header--v1 .header-v1-logo img{
  filter: brightness(0) invert(1);
}
/* =========================================================
   V1 AUTH DROPDOWN (DARK) — V3 mantığı
   - Guest: butonlar
   - Logged-in: dropdown menu (hover ile aç)
========================================================= */

/* auth alanı dropdown taşırabilsin */
.header--v1 .header-v1-top,
.header--v1 .header-v1-top-inner{
  overflow:visible;
}

/* wrap */
.header--v1 .header-auth-wrap{
  position:relative;
  z-index:9999;
}

/* Guest buton grubu */
.header--v1 .header-auth-guest{
  display:flex;
  gap:8px;
  align-items:center;
}

/* Giriş yap (dark outline) */
.header--v1 .header-auth-link.login{
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:6px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  transition:.2s ease;
}

.header--v1 .header-auth-link.login:hover{
  background:rgba(255,255,255,.10);
}

/* Kayıt ol (kırmızı) */
.header--v1 .header-auth-link.register{
  background:#b11217;
  color:#fff;
  padding:6px 14px;
  border-radius:18px;
  border:1px solid #b11217;
  transition:.2s ease;
}

.header--v1 .header-auth-link.register:hover{
  background:#a10f14;
  border-color:#a10f14;
}

/* Dropdown container */
.header--v1 .header-auth-dropdown{
  position:relative;
}

/* Menü (başta gizli) */
.header--v1 .header-auth-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;

  min-width:190px;

  background:rgba(15,16,18,.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);

  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;

  box-shadow:0 20px 50px rgba(0,0,0,.38);

  padding:8px 0;

  display:none;          /* kritik: meydanda durmasın */
  z-index:10000;
  overflow:hidden;
}

/* Trigger ile menu arasında hover köprüsü */
.header--v1 .header-auth-dropdown::after{
  content:"";
  position:absolute;
  left:-10px;
  right:-10px;
  top:100%;
  height:12px;
}

/* UL/LI reset */
.header--v1 .header-auth-menu ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.header--v1 .header-auth-menu li{
  margin:0 !important;
  padding:0 !important;
}

/* Linkler */
.header--v1 .header-auth-menu a{
  display:block;
  padding:11px 16px;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  position:relative;
}

.header--v1 .header-auth-menu a:hover{
  background:rgba(255,255,255,.06);
}

/* Sol kırmızı accent */
.header--v1 .header-auth-menu a::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:0;
  background:#b11217;
  transition:height .18s ease;
}

.header--v1 .header-auth-menu a:hover::after{
  height:60%;
}

/* Desktop hover ile aç */
@media (hover:hover){
  .header--v1 .header-auth-dropdown:hover .header-auth-menu{
    display:block;
  }
}


/* =========================================================
   V1 MOBILE – DROPDOWN OK (KIRMIZI) + HİZALAMA
   - Eski beyaz okların satır düşmesini engeller
   - Toggle sağa sabitlenir
========================================================= */
@media (max-width:1024px){

  /* dropdown'lı li referans olsun */
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children{
    position:relative;
  }

  /* Link satır düşmesin: ok için sağdan boşluk bırak */
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a{
    display:block;
    padding-right:56px;
  }

  /* Eski ok/ikonlar link içinde geliyorsa öldür */
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a i,
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a svg,
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a .dropdown-arrow{
    display:none !important;
  }

  /* Tema/Core linke pseudo ile ok basıyorsa kapat */
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a::before,
  .header--v1 .mobile-navigation .mobile-menu > li.menu-item-has-children > a::after{
    content:none !important;
    display:none !important;
  }

  /* Eğer walker/JS bir .submenu-toggle ekliyorsa: onu sağa sabitle + kırmızı yap */
  .header--v1 .mobile-navigation .submenu-toggle,
  .header--v1 .mobile-navigation .dropdown-toggle,
  .header--v1 .mobile-navigation .sub-menu-toggle{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);

    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:none !important;
    border:0 !important;
    box-shadow:none !important;

    color:#b11217 !important; /* kırmızı ok */
    line-height:1;
  }

  /* Toggle içindeki ikonlar görünür kalsın ama kırmızı olsun */
  .header--v1 .mobile-navigation .submenu-toggle svg,
  .header--v1 .mobile-navigation .dropdown-toggle svg,
  .header--v1 .mobile-navigation .sub-menu-toggle svg{
    display:block !important;
    fill:currentColor !important;
    stroke:currentColor !important;
  }

  /* submenu açılınca ok dönsün (toggle svg varsa) */
  .header--v1 .mobile-navigation .sub-open > .submenu-toggle svg,
  .header--v1 .mobile-navigation .sub-open > .dropdown-toggle svg,
  .header--v1 .mobile-navigation .sub-open > .sub-menu-toggle svg{
    transform:rotate(180deg);
    transition:transform .25s ease;
  }
}

/* Desktop: hover + klavye (focus-within) ile aç */
.header--v1 .header-auth-dropdown:hover .header-auth-menu,
.header--v1 .header-auth-dropdown:focus-within .header-auth-menu{
  display:block;
}
/* =========================================================
   V1 REFINEMENT
   - Font küçültme
   - %90 premium kırmızı underline
========================================================= */

@media (min-width:1025px){

  /* -------- FONT SİZE -------- */

  /* Ana menü */
  .header--v1 .header-v1-menu > ul > li > a{
    font-size:14px !important;   /* 15 → 14 */
    letter-spacing:.2px;
  }

  /* Dropdown */
  .header--v1 .header-v1-menu ul.sub-menu a{
    font-size:13px !important;   /* 14 → 13 */
  }

  /* Auth */
  .header--v1 .header-auth-link,
  .header--v1 .header-auth-trigger{
    font-size:13px !important;
  }

  .header--v1 .header-auth-menu a{
    font-size:13px !important;
  }


  /* -------- %90 PREMIUM UNDERLINE -------- */

  .header--v1 .header-v1-menu > ul > li > a{
    position:relative;
  }

  .header--v1 .header-v1-menu > ul > li > a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:3px;   /* yazıyı kesmesin */
    width:90%;
    height:2px;
    border-radius:4px;

    background: linear-gradient(
      to right,
      transparent,
      #b11217 14%,
      #b11217 86%,
      transparent
    );

    transform:translateX(-50%) scaleX(0);
    transform-origin:center;
    transition:transform .22s cubic-bezier(.2,.9,.3,1);
    pointer-events:none;
  }

  .header--v1 .header-v1-menu > ul > li:hover > a::after,
  .header--v1 .header-v1-menu .current-menu-item > a::after,
  .header--v1 .header-v1-menu .current-menu-ancestor > a::after{
    transform:translateX(-50%) scaleX(1);
  }

}
/* V1 – Black navbar üst/alt boşluk artır */
@media (min-width:1025px){

  .header--v1 .header-v1-navbar-inner{
    min-height:64px;   /* önce 56px idi → daha geniş */
  }

  .header--v1 .header-v1-menu > ul > li > a{
    padding:16px 10px; /* önce 12px idi → üst/alt büyüdü */
  }

}