/* ═══════════════════════════════════════════════════════════════════════════
   OYS · Üst Çubuk (v5) — Bootstrap 5 tasarım dili
   Sol menü ile aynı palet: #3b357f · altın #E1B77D
   Yükseklik 72px (sol menüdeki marka bloğuyla hizalı).
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --oysh-h:72px;
  --oysh-bg:#ffffff;
  --oysh-kenar:#ebeaf4;
  --oysh-ink:#1a1733;
  --oysh-ink-soft:#5a5675;
  --oysh-ink-mute:#8b88a5;
  --oysh-mor:#252156;
  --oysh-mor-acik:#393372;
  --oysh-gold:#e1b77d;
  --oysh-hover:#f3f2fa;
  --oysh-tr:.2s cubic-bezier(.4,0,.2,1);
}

/* ── Sayfa payı ── */
body{padding-top:var(--oysh-h) !important}

.site-navbar.navbar{
  height:var(--oysh-h) !important;
  min-height:var(--oysh-h) !important;
  padding:0 !important;
  margin:0 !important;
  background:var(--oysh-bg) !important;
  border:0 !important;
  border-bottom:1px solid var(--oysh-kenar) !important;
  box-shadow:0 1px 3px rgba(26,23,51,.05) !important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  z-index:1480 !important;
}
.site-navbar.navbar::before,
.site-navbar.navbar::after{display:none !important}

/* ── Sol blok: masaüstünde gizli (marka sol menüde) ── */
.site-navbar .navbar-header{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:var(--oysh-h) !important;
  padding:0 12px !important;
  background:transparent !important;
  border:0 !important;
  float:none !important;
}
.site-navbar .navbar-header::before,
.site-navbar .navbar-header::after{display:none !important}

@media (min-width:768px){
  /* Marka sol menüde; soldaki blok masaüstünde gizli.
     navbar-container'in sol payi oys-menu5.css'te menu genisligine ayarlanir. */
  .site-navbar .navbar-header{display:none !important}
}

/* Mobil marka */
.oysh-marka{
  display:inline-flex;
  align-items:center;
  gap:9px;
  text-decoration:none;
  padding:0;
  margin:0;
  height:auto;
}
.oysh-marka:hover{text-decoration:none}
.oysh-marka-logo{width:32px;height:32px;object-fit:contain}
.oysh-marka-yazi{line-height:1.3}
.oysh-marka-yazi strong{
  display:block;
  font-size:15px;
  font-weight:800;
  letter-spacing:.4px;
  color:var(--oysh-mor);
}
.oysh-marka-yazi small{
  display:block;
  font-size:9px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--oysh-ink-mute);
}

/* Hamburger çizgileri (üç çizgi) */
.site-navbar .navbar-header .hamburger-bar{
  position:relative !important;
  display:block !important;
  width:20px !important;
  height:2px !important;
  margin:0 !important;
  border-radius:2px !important;
  background:var(--oysh-mor) !important;
  transform:none !important;
}
.site-navbar .navbar-header .hamburger-bar::before,
.site-navbar .navbar-header .hamburger-bar::after{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  width:20px !important;
  height:2px !important;
  border-radius:2px !important;
  background:var(--oysh-mor) !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
.site-navbar .navbar-header .hamburger-bar::before{top:-6px !important}
.site-navbar .navbar-header .hamburger-bar::after{top:6px !important}
.site-navbar .navbar-header > .navbar-toggler{
  border:0 !important;
  background:transparent !important;
  padding:8px !important;
}
.site-navbar .navbar-header > .navbar-toggler.collapsed i{color:var(--oysh-ink-soft) !important}

/* ── Gövde ── */
.site-navbar .navbar-container{
  height:var(--oysh-h) !important;
  padding:0 18px 0 14px !important;
  background:transparent !important;
}
.site-navbar .navbar-collapse{
  height:var(--oysh-h) !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.site-navbar .navbar-toolbar{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  list-style:none !important;
}
.site-navbar .navbar-toolbar > li{
  display:flex !important;
  align-items:center !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* ── Sol: katla düğmesi + sayfa başlığı ── */
.oysh-kat .nav-link,
.site-navbar .navbar-toolbar .oysh-ikon-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px !important;
  background:transparent !important;
  color:var(--oysh-ink-soft) !important;
  cursor:pointer !important;
  transition:background var(--oysh-tr),color var(--oysh-tr) !important;
  position:relative !important;
}
.oysh-kat .nav-link:hover,
.site-navbar .navbar-toolbar .oysh-ikon-btn:hover{
  background:var(--oysh-hover) !important;
  color:var(--oysh-mor) !important;
}
.oysh-kat .nav-link .hamburger-bar,
.oysh-kat .nav-link .hamburger-bar::before,
.oysh-kat .nav-link .hamburger-bar::after{background:currentColor !important}
.site-navbar .navbar-toolbar .oysh-ikon-btn i,
.site-navbar .navbar-toolbar .oysh-ikon-btn svg{font-size:17px;width:18px;height:18px}

.site-navbar .navbar-toolbar > li.oysh-baslik{
  min-width:0 !important;
  padding-left:10px !important;
  margin-left:4px !important;
  border-left:1px solid var(--oysh-kenar) !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:left !important;
}
.oysh-baslik-ad{
  display:block;
  font-size:16px;
  font-weight:700;
  letter-spacing:-.2px;
  color:var(--oysh-ink);
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:46vw;
}
.oysh-baslik-alt{
  display:block;
  margin-top:1px;
  font-size:11px;
  font-weight:500;
  color:var(--oysh-ink-mute);
  line-height:1.2;
  white-space:nowrap;
}
@media (max-width:991px){
  .oysh-baslik-alt{display:none}
  .oysh-baslik-ad{font-size:14.5px}
}

/* ── Sağ: aksiyonlar ── */
.site-navbar .navbar-collapse{justify-content:flex-start !important}
.site-navbar .navbar-toolbar.navbar-toolbar-right{
  margin-left:auto !important;
  margin-right:0 !important;
}
.oysh-sag{gap:4px !important}

.oysh-ayrac{
  width:1px !important;
  height:26px !important;
  margin:0 6px !important;
  background:var(--oysh-kenar) !important;
}

/* Rozet */
.site-navbar .navbar-toolbar .badge-count{
  position:absolute !important;
  top:5px !important;
  right:5px !important;
  min-width:17px !important;
  height:17px !important;
  padding:0 4px !important;
  border-radius:9px !important;
  background:#dc2626 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:17px !important;
  text-align:center !important;
  border:2px solid #fff !important;
  box-sizing:content-box !important;
}

/* Geri dön (vekil oturum) */
.oysh-geridon{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  height:38px !important;
  padding:0 14px !important;
  border-radius:11px !important;
  background:#fee2e2 !important;
  border:1px solid #fca5a5 !important;
  color:#b91c1c !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:background var(--oysh-tr) !important;
}
.oysh-geridon:hover{background:#fecaca !important;color:#991b1b !important;text-decoration:none !important}

/* Kullanıcı çipi */
.oysh-kullanici-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  height:46px !important;
  padding:0 12px 0 6px !important;
  border:1px solid var(--oysh-kenar) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--oysh-ink) !important;
  text-decoration:none !important;
  transition:background var(--oysh-tr),border-color var(--oysh-tr) !important;
}
.oysh-kullanici-btn:hover{background:var(--oysh-hover) !important;border-color:#dcd9ee !important;text-decoration:none !important}
.oysh-avatar{
  flex:none;
  width:34px;
  height:34px;
  border-radius:11px;
  background:linear-gradient(135deg,var(--oysh-mor-acik),var(--oysh-mor));
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.3px;
}
.oysh-kullanici-yazi{min-width:0;line-height:1.2;text-align:left}
.oysh-kullanici-ad{
  display:block;
  font-size:12.5px;
  font-weight:700;
  color:var(--oysh-ink);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:190px;
}
.oysh-kullanici-rol{
  display:block;
  font-size:10.5px;
  font-weight:500;
  color:var(--oysh-ink-mute);
}
.oysh-kullanici-btn .oysh-caret{font-size:10px;color:var(--oysh-ink-mute);margin-left:2px}
@media (max-width:767px){
  .oysh-kullanici-yazi,
  .oysh-kullanici-btn .oysh-caret{display:none !important}
  .oysh-kullanici-btn{padding:0 6px !important;border:0 !important}
  .site-navbar .navbar-container{padding:0 10px !important}
  .oysh-ayrac{display:none !important}
}

/* Kullanici menusundeki hizli islemler yalniz dar ekranda */
@media (min-width:768px){
  .site-navbar .dropdown-menu .dropdown-item.oysh-dar{display:none !important}
}

/* ── Açılır menüler ── */
.site-navbar .dropdown-menu{
  border:1px solid var(--oysh-kenar) !important;
  border-radius:16px !important;
  padding:8px !important;
  margin-top:10px !important;
  box-shadow:0 20px 48px -16px rgba(26,23,51,.28),0 2px 6px rgba(26,23,51,.06) !important;
  font-family:inherit !important;
}
.site-navbar .dropdown-menu .dropdown-item{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--oysh-ink-soft) !important;
  transition:background var(--oysh-tr),color var(--oysh-tr) !important;
}
.site-navbar .dropdown-menu .dropdown-item:hover{
  background:var(--oysh-hover) !important;
  color:var(--oysh-mor) !important;
}
.site-navbar .dropdown-menu .dropdown-item.oysh-cikis-item{color:#c22b2b !important}
.site-navbar .dropdown-menu .dropdown-item.oysh-cikis-item:hover{background:#fee2e2 !important;color:#991b1b !important}
.site-navbar .dropdown-menu .dropdown-divider{margin:6px 4px !important;border-color:var(--oysh-kenar) !important}

.oysh-dm-bas{
  padding:10px 12px 8px;
  border-bottom:1px solid var(--oysh-kenar);
  margin-bottom:6px;
}
.oysh-dm-ad{display:block;font-size:13px;font-weight:700;color:var(--oysh-ink)}
.oysh-dm-rol{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--oysh-ink-mute)}

/* Bildirim panelleri mevcut bildirim.css ile uyumlu kalır */
.site-navbar .notification-panel{
  width:380px !important;
  max-width:calc(100vw - 24px) !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* ── Gece modu ── */
body.dark-mode .site-navbar.navbar{
  background:#1c1b2a !important;
  border-bottom-color:rgba(255,255,255,.07) !important;
}
body.dark-mode{
  --oysh-ink:#f1f0f7;
  --oysh-ink-soft:#c3c0d8;
  --oysh-ink-mute:#8e8bab;
  --oysh-kenar:rgba(255,255,255,.09);
  --oysh-hover:rgba(255,255,255,.07);
}
body.dark-mode .oysh-kullanici-btn,
body.dark-mode .site-navbar .dropdown-menu{background:#232232 !important}

/* ── Erişilebilirlik: yüzen düğme gizli ── */
body:not(.oys-erisim-acik) .uwy,
body:not(.oys-erisim-acik) #userwayAccessibilityIcon{
  display:none !important;
}
body.oys-erisim-acik .uwy{display:block !important}


/* ═══════════════════════════════════════════
   MOBİL ÜST ÇUBUK — tek satır
   ═══════════════════════════════════════════ */
@media (max-width:767px){
  .site-navbar.navbar{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    padding:0 10px !important;
  }
  .site-navbar .navbar-header{
    flex:0 0 auto !important;
    padding:0 !important;
    gap:4px !important;
  }
  /* "..." açılır düğmesi gerekmiyor; aksiyonlar zaten görünür */
  .site-navbar .navbar-header > .navbar-toggler.collapsed{display:none !important}

  .site-navbar .navbar-container{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:var(--oysh-h) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }
  .site-navbar .navbar-collapse{
    display:flex !important;
    flex:0 0 auto !important;
    height:var(--oysh-h) !important;
    justify-content:flex-end !important;
  }
  .site-navbar .navbar-toolbar.oysh-sol{display:none !important}
  /* Yer kazanmak icin: push zili ve duyurular kullanici menusunde kalir.
     DIKKAT: gece/gunduz dugmesi (li.oysh-tema-li) mobilde de ust cubukta
     gorunmelidir — ona oysh-genis sinifi VERILMEZ. */
  .site-navbar .navbar-toolbar > li.oysh-genis,
  .site-navbar .navbar-toolbar > li.oysh-ayrac{display:none !important}
  .site-navbar .navbar-toolbar > li.oysh-tema-li{display:block !important}
  .site-navbar .navbar-toolbar.navbar-toolbar-right{margin-left:0 !important}
  .site-navbar .navbar-toolbar .oysh-ikon-btn{width:38px !important;height:38px !important}
  .site-navbar .navbar-toolbar .oysh-ikon-btn i,
  .site-navbar .navbar-toolbar .oysh-ikon-btn svg{font-size:16px;width:17px;height:17px}
  .oysh-marka-logo{width:30px;height:30px}
  .oysh-marka-yazi strong{font-size:14px}
  .site-navbar .navbar-search-overlap{display:none !important}
}
@media (max-width:420px){
  .site-navbar .navbar-toolbar .oysh-ikon-btn{width:34px !important;height:34px !important}
  .oysh-sag{gap:0 !important}
  .oysh-marka-yazi small{display:none}
}

/* ── Mobilde açılır menüler tam genişlikte sayfa altına oturur ── */
@media (max-width:767px){
  .site-navbar .dropdown-menu{
    position:fixed !important;
    top:calc(var(--oysh-h) + 6px) !important;
    left:8px !important;
    right:8px !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    max-height:calc(100vh - var(--oysh-h) - 20px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    border-radius:18px !important;
  }
  .site-navbar .notification-panel{
    width:auto !important;
    max-width:none !important;
  }
  .site-navbar .dropdown-menu .dropdown-item{
    padding:13px 14px !important;
    font-size:14px !important;
  }
  .site-navbar .dropdown-menu .oysh-dm-bas{padding:12px 14px 10px}
  .site-navbar .dropdown-menu .oysh-dm-ad{font-size:14px}
  .site-navbar .dropdown-menu .oysh-dm-rol{font-size:12px}
}


/* ═══ ÜST ÇUBUK TAŞMA KORUMASI ═══ */
/* DİKKAT: .site-navbar üzerinde overflow:hidden KULLANILMAZ — açılır
   bildirim/duyuru panelleri kırpılır. Taşma yalnızca marka bloğunda kesilir. */
.site-navbar .navbar-header{min-width:0 !important;overflow:hidden !important}
.site-navbar .navbar-container{min-width:0 !important}
.site-navbar .navbar-collapse{min-width:0 !important}
.site-navbar .navbar-toolbar{min-width:0 !important}
.oysh-kullanici-btn{min-width:0 !important;max-width:100% !important}
@media (max-width:420px){
  .site-navbar.navbar{padding:0 8px !important}
  .oysh-marka-logo{width:28px;height:28px}
  .oysh-marka{gap:7px}
  .oysh-avatar{width:32px;height:32px;border-radius:10px;font-size:11.5px}
}