/**
 * custom-multipage-nav.css
 * Çok sayfalı navbar stilleri:
 * - Düz link listesi için layout
 * - Aktif sayfa vurgusu
 * - Responsive / mobil uyum
 */

/* ── Desktop nav: tüm linkler yan yana ── */
header nav.oz-mp-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 2px !important;
  align-items: center !important;
}

/* ── Tüm nav linkleri ── */
header nav.oz-mp-nav a.oz-mp-link,
header nav.oz-mp-nav a[data-oz-mp] {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: rgba(255, 255, 255, 0.78) !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
  white-space: nowrap !important;
  position: relative !important;
}

header nav.oz-mp-nav a.oz-mp-link:hover,
header nav.oz-mp-nav a[data-oz-mp]:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ── Aktif sayfa ── */
header nav.oz-mp-nav a.oz-mp-link--active,
header nav.oz-mp-nav a[data-oz-mp].oz-mp-link--active {
  color: #fff !important;
  background: rgba(232, 198, 150, 0.18) !important;
  border-color: rgba(232, 198, 150, 0.35) !important;
}

/* Aktif link altı çizgi aksan */
header nav.oz-mp-nav a.oz-mp-link--active::after,
header nav.oz-mp-nav a[data-oz-mp].oz-mp-link--active::after {
  content: '' !important;
  position: absolute !important;
  bottom: 2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 16px !important;
  height: 2px !important;
  background: rgba(232, 198, 150, 0.8) !important;
  border-radius: 1px !important;
}

/* ── "Daha Fazla" dropdown gizle ── */
.oz-curated-more {
  display: none !important;
}

/* ── Çok fazla link varsa küçük font ── */
@media (max-width: 1280px) {
  header nav.oz-mp-nav a.oz-mp-link,
  header nav.oz-mp-nav a[data-oz-mp] {
    font-size: 12px !important;
    padding: 5px 8px !important;
  }
}

/* ── Tablet: bazı linkleri gizle veya kaydır ── */
@media (max-width: 1024px) {
  header nav.oz-mp-nav {
    gap: 2px 1px !important;
  }
  header nav.oz-mp-nav a.oz-mp-link,
  header nav.oz-mp-nav a[data-oz-mp] {
    font-size: 11.5px !important;
    padding: 5px 7px !important;
  }
}

/* ── Mobil: gizle (hamburger menu devralır) ── */
@media (max-width: 768px) {
  header nav.oz-mp-nav {
    display: none !important;
  }
}

/* ── Mobil menü aktif link vurgusu ── */
.oz-mp-link--active {
  color: #e8c696 !important;
}

/* ── Scroll davranışı: sayfa içi linkler için koru, navbar için engelle ── */
html {
  scroll-behavior: smooth;
}