/* Üst kabuk — hep açık veya gizli (kenar hover / dokunma) */

.cmc-kabuk-tetik {
  position: fixed;
  left: 0;
  right: 0;
  z-index: calc(var(--cmc-z-menu, 150) + 24);
  pointer-events: none;
  background: transparent;
}

.cmc-kabuk-tetik--ust {
  top: 0;
  height: var(--cmc-kabuk-tetik-boyut, 20px);
}

.cmc-kabuk-tetik--ust::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  height: var(--cmc-kabuk-tetik-boyut, 20px);
}

.cmc-kabuk-tetik[hidden] {
  display: none !important;
}

/* ── Üst çubuk gizli mod — grid satırı 0 kalır, çubuk fixed overlay ── */
#cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) {
  --cmc-shell-ust-boyut: 0px;
}

#cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: var(--cmc-kabuk-ust-yukseklik, 44px);
  transform: translateY(-100%);
  transition: transform 0.22s ease;
  z-index: calc(var(--cmc-z-menu, 150) + 23);
  pointer-events: none;
}

#cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust:not([hidden]) {
  pointer-events: none;
}

/* Üst yerleşim — ikili gizli: sağ yarı topbar tetik */
#cmc-shell[data-cmc-ust-kenar-tetik="ikili-yarim"] ~ #cmc-kabuk-tetik-ust:not([hidden]) {
  left: 50%;
  right: 0;
  width: auto;
}

/* Menü üstte sabit açık + üst çubuk gizli — topbar tetik yüksekliği %50 */
#cmc-shell[data-cmc-menu-yer="ust"][data-cmc-menu-gorunum="acik"][data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust:not([hidden]) {
  --cmc-kabuk-tetik-boyut: calc(var(--cmc-kabuk-tetik-boyut, 20px) * 0.5);
}

#cmc-shell[data-cmc-ust-kenar-tetik="menu-tam"] ~ #cmc-kabuk-tetik-ust {
  display: none !important;
}

/* Gizli topbar açık — hayalet tetik çubuğun hemen altında, panelin üstünde değil */
#cmc-shell[data-cmc-kabuk-ust="gizli"].cmc-shell--kabuk-ust-acik:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust:not([hidden]) {
  top: var(--cmc-kabuk-ust-yukseklik, 44px);
  z-index: calc(var(--cmc-z-menu, 150) + 22);
}

/* Menü geçici açık — topbar hayalet tetik etkileşimsiz (üst menü ile çakışmayı önler) */
#cmc-shell.cmc-shell--menu-gecici-acik:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust:not([hidden]) {
  pointer-events: none;
  z-index: calc(var(--cmc-z-menu, 150) + 15);
}

/* Dokunmatik: üst kenara hafif dokunuşla topbar aç/kapa */
@media (pointer: coarse), (hover: none) {
  #cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust:not([hidden]) {
    pointer-events: auto;
  }

  #cmc-shell[data-cmc-ust-kenar-tetik="menu-tam"] ~ #cmc-kabuk-tetik-ust {
    display: none !important;
  }
}

#cmc-shell[data-cmc-kabuk-ust="gizli"].cmc-shell--kabuk-ust-acik:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust,
#cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust:hover {
  transform: translateY(0);
  pointer-events: auto;
}

/* Mobil görünüm: üst bar gizli tercihte de yerinde kalır */
@media (max-width: 767px) {
  #cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) {
    --cmc-shell-ust-boyut: var(--cmc-kabuk-ust-yukseklik, 44px);
  }

  #cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust,
  #cmc-shell[data-cmc-kabuk-ust="gizli"].cmc-shell--kabuk-ust-acik:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust,
  #cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) .cmc-kabuk-ust:hover {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
    transition: none;
    pointer-events: auto;
  }

  #cmc-shell[data-cmc-kabuk-ust="gizli"]:not(.cmc-shell--oturum-kapali) ~ #cmc-kabuk-tetik-ust {
    display: none !important;
  }
}