/**
 * Omnex Layout — layouts/topnav.css
 * Üst menü: header'ın İÇİNDE yaşar (ayrı satır değil). Yalnızca
 * :root[data-nav="top"] iken görünür; renklerini topbar'ın adaptif
 * chrome değişkenlerinden alır (özel zeminde ikonlar dahil uyum sağlar).
 */

.ox-topnav {
  display: none;
  align-items: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
  height: 100%;
  margin: 0 var(--ox-space-2);
  /* DİKKAT: overflow auto/hidden YAPMA — açılır alt menüler bu kapsayıcıda
     kırpılır ve hiç görünmez (2026-07-10'da yaşandı). */
  overflow: visible;
  background: transparent;
  border: 0;
}

:root[data-nav="top"] .ox-topnav { display: flex; }

.ox-topnav__item {
  display: inline-flex;
  align-items: center;
  gap: var(--ox-space-2);
  height: 32px;
  padding: 0 var(--ox-space-3);
  border-radius: var(--ox-radius-md);
  /* <button> tabanlı öğeler (alt menülü ebeveynler) için UA sıfırlaması:
     yoksa tarayıcı varsayılanı beyaz zemin/kenarlık chrome uyumunu bozar */
  background: transparent;
  border: 0;
  font-family: var(--ox-font-sans);
  cursor: pointer;
  color: var(--ox-topbar-fg-muted, var(--ox-fg-muted));
  text-decoration: none;
  font-size: var(--ox-text-sm);
  font-weight: var(--ox-weight-medium);
  white-space: nowrap;
  transition: background-color var(--ox-transition-fast), color var(--ox-transition-fast);
}
.ox-topnav__item:hover {
  background: var(--ox-topbar-hover, var(--ox-surface-2));
  color: var(--ox-topbar-fg, var(--ox-fg));
}
.ox-topnav__item:focus-visible { outline: none; box-shadow: var(--ox-focus-ring); }
.ox-topnav__item.is-active {
  background: var(--ox-topbar-active-bg, var(--ox-primary-subtle));
  color: var(--ox-topbar-active-fg, var(--ox-accent));
}

/* Bölüm grubu (market-etiket deseni): bölüm başlığı tetikleyici, öğeler
   menüde. Hover modu (data-menu-top="hover") üzerine gelince açar; tıklama
   modunda kit Dropdown.js yönetir. Menü chrome'u topbar.css'ten. */
.ox-topnav__group { height: 100%; display: inline-flex; align-items: center; }
:root[data-menu-top="hover"] .ox-topnav__group:hover > .ox-dropdown__menu { display: block; }
.ox-topnav__group .ox-dropdown__menu a { text-decoration: none; }

.ox-topnav__caret { display: inline-flex; transition: transform var(--ox-transition-fast); }
.ox-topnav__group.is-open .ox-topnav__caret,
:root[data-menu-top="hover"] .ox-topnav__group:hover .ox-topnav__caret { transform: rotate(180deg); }

/* İç grup (menü içindeki alt menü): hover modunda üzerine gelince sağa açılır */
.ox-topnav__subgroup { display: block; }
.ox-topnav__subgroup > .ox-dropdown__item { width: 100%; }
:root[data-menu-top="hover"] .ox-topnav__subgroup:hover > .ox-dropdown__menu--side { display: block; }

/* Dar ekranda etiketler kısalır, ikonlar kalır */
@media (max-width: 900px) {
  .ox-topnav__item span { display: none; }
  .ox-topnav__item { padding: 0 10px; }
}