/* =========================================================
   ÜST DUYURU BAR (ticker)
========================================================= */
.top-ticker{
  background:#0b1220;
  color:#e2e8f0;
  font-family: var(--brand-font);
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ticker-wrap{
  overflow:hidden;
  white-space:nowrap;
  position:relative;
}
.ticker{
  display:inline-block;
  padding:10px 0;
  animation:ticker 18s linear infinite;
  will-change: transform;
}
.ticker span{
  display:inline-block;
  margin-right:48px;
  opacity:.95;
}
@keyframes ticker{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* =========================================================
   NAVBAR GENEL
========================================================= */
.navbar-premium{
  background:#fff;
  border-bottom:1px solid var(--line);
  font-family: var(--brand-font);
}
.navbar-premium .navbar-brand{
  font-weight:600;
  letter-spacing:.02em;
  color: var(--ink);
}

/* =========================================================
   MENÜ LİNKLERİ
========================================================= */
.nav-link-premium{
  color:var(--ink);
  font-weight:500;
  font-size:.95rem;
  padding:.95rem .85rem !important;
  position:relative;
  transition:color .2s ease;
}
.nav-link-premium:hover{ color:#0b1220; }

/* Hover underline */
.nav-link-premium::after{
  content:"";
  position:absolute;
  left:.85rem;
  right:.85rem;
  bottom:.55rem;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(15,23,42,.65), transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
  opacity:.9;
}
.nav-item:hover > .nav-link-premium::after{ transform:scaleX(1); }

/* =========================================================
   DROPDOWN (premium)
========================================================= */
.dropdown-menu-premium{
  border:1px solid var(--line);
  box-shadow:0 18px 45px rgba(2,6,23,.10);
  border-radius:16px;
  padding:.75rem;
  min-width: 260px;
  overflow:hidden;
}

.dropdown-item{
  border-radius:12px;
  padding:.6rem .7rem;
  font-weight:500;
  color:var(--ink);
  transition: background .15s ease, transform .12s ease;
}
.dropdown-item small{ color:var(--muted); font-weight:500; }
.dropdown-item:hover{
  background:rgba(2,6,23,.05);
  transform: translateX(1px);
}

/* =========================================================
   SAĞ İKONLAR
========================================================= */
.icon-btn{
  width:42px; height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink);
  background:#fff;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.icon-btn:hover{
  background:rgba(2,6,23,.03);
  box-shadow:0 10px 22px rgba(2,6,23,.10);
  transform:translateY(-1px);
}
.cart-badge{
  position:absolute;
  top:-6px; right:-6px;
  background:var(--accent);
  color:#fff;
  font-size:.70rem;
  font-weight:700;
  line-height:1;
  padding:5px 6px;
  border-radius:999px;
  border:2px solid #fff;
  min-width: 22px;
  text-align:center;
}

/* =========================================================
   DESKTOP HOVER DROPDOWN + KAPANMA SORUNU FIX
========================================================= */
@media (min-width: 992px){

  /* dropdown ile açılan menü arasındaki boşluğu sıfırla */
  .navbar-premium .dropdown-menu{
    margin-top: 0 !important;
  }

  /* Hover ile aç */
  .navbar-premium .dropdown:hover > .dropdown-menu{
    display:block;
    animation:dd .12s ease-out;
  }

  /* dropdown ok işareti */
  .navbar-premium .dropdown > .dropdown-toggle::after{
    margin-left:.4rem;
    opacity:.6;
  }

  /* >>> KAPANMA SORUNUNU ÇÖZEN GÖRÜNMEZ KÖPRÜ <<< */
  .navbar-premium .dropdown{
    position: relative;
  }
  .navbar-premium .dropdown::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:14px;          /* mouse geçiş köprüsü */
    background:transparent;
  }

  /* Dropdown biraz daha rahat olsun */
  .dropdown-menu-premium{
    padding:.9rem;
  }
  .dropdown-item{
    padding:.7rem .85rem;
  }

  @keyframes dd{
    from{ transform:translateY(6px); opacity:0; }
    to{ transform:translateY(0); opacity:1; }
  }
}

/* =========================================================
   MOBİL OFFCANVAS
========================================================= */
.offcanvas-premium{
  border-left:1px solid var(--line);
}
.offcanvas-premium .offcanvas-header{
  border-bottom:1px solid var(--line);
}

.mobile-nav .accordion-button{
  padding:.85rem .75rem;
  font-weight:600;
  border-radius:12px;
}
.mobile-nav .accordion-button:not(.collapsed){
  background:rgba(2,6,23,.04);
  color:var(--ink);
  box-shadow:none;
}
.mobile-nav .list-group-item{
  border:0;
  padding:.55rem .75rem;
  border-radius:12px;
}
.mobile-nav .list-group-item:hover{
  background:rgba(2,6,23,.05);
}

/* =========================================================
   ERİŞİLEBİLİRLİK (isteğe bağlı ama iyi)
========================================================= */
.nav-link-premium:focus,
.dropdown-item:focus,
.icon-btn:focus{
  outline: none;
  box-shadow: 0 0 0 .2rem rgba(15,23,42,.12);
  border-color: rgba(15,23,42,.18);
}