/* Üst menü düzeni: seçenekler tek satırda sığar, aktif sayfa vurgulanır.
   style.css'den sonra yüklenir (headAssets.php). */

/* ---- Masaüstü (≥1200px) ---- */
@media (min-width: 1200px) {
  .header .navbar { align-items: center; }

  /* Logo: sabit genişlik, küçülmez */
  .header.header-topbar.header-topbar5 .navbar .navbar-brand {
    margin-left: 0;
    padding-right: 28px;
    flex: 0 0 auto;
  }

  /* Menü, logo ile sağ blok arasındaki boşluğu kullanır; satır kırılmaz */
  .header .navbar #navbarContent { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; }
  .header .navbar .navbar-nav { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; margin-left: 0 !important; justify-content: center; }
  .header .navbar .navbar-nav > li { flex: 0 0 auto; margin-right: clamp(14px, 1.6vw, 28px) !important; }
  .header .navbar .navbar-nav > li:last-child { margin-right: 0 !important; }
  .header .navbar .navbar-nav > li > a {
    white-space: nowrap;
    font-size: clamp(13px, 1.12vw, 15px);
    line-height: 96px;
    letter-spacing: 0;
  }

  /* Alt çizgi göstergesi: üzerine gelince ve aktif sayfada (::after açılır menü okuna ayrılır) */
  .header .navbar .navbar-nav > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: auto; width: auto;
    left: 0; right: 0; bottom: 26px;
    height: 3px;
    border-radius: 3px;
    background: var(--global--color-primary);
    opacity: 1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .25s ease;
  }
  .header .navbar .navbar-nav > li:hover > a::before,
  .header .navbar .navbar-nav > li.active > a::before { transform: scaleX(1); }
  .header .navbar .navbar-nav > li.active > a { color: var(--global--color-primary-darken); }

  /* Sağ blok (telefon + buton) küçülmez, daha derli toplu */
  .header .navbar .module-holder:not(.module-holder-phone) { flex: 0 0 auto; margin-left: 24px; }
  .header.header-topbar.header-topbar5 .module-holder .module-search { margin-right: 18px; }
  .header .navbar .module-contact .btn { white-space: nowrap; }
}

/* Dar masaüstü (1200–1399px): telefon simgesi üst çubukta zaten var, yer açar */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .header .navbar .module-holder:not(.module-holder-phone) .module-search { display: none; }
  .header .navbar .module-holder:not(.module-holder-phone) { margin-left: 16px; }
  .header .navbar .module-contact .btn { padding-left: 18px; padding-right: 18px; }
  .header.header-topbar.header-topbar5 .navbar .navbar-brand { padding-right: 16px; }
}

/* Açılır menü: yumuşak kart görünümü */
@media (min-width: 1200px) {
  .header .navbar .has-dropdown > .dropdown-menu {
    border: 0;
    border-top: 3px solid var(--global--color-primary);
    border-radius: 0 0 12px 12px;
    box-shadow: 0 14px 34px rgba(9, 29, 62, .14);
    padding: 10px 8px;
    min-width: 290px;
  }
  .header .navbar .dropdown-menu li a { white-space: nowrap; border-radius: 8px; }
}

/* ---- Tablet / telefon (<1200px): açılır liste ---- */
@media (max-width: 1199.98px) {
  .header .navbar .navbar-nav > li { margin-right: 0; }
  .header .navbar .navbar-nav > li > a { white-space: normal; }
  .header .navbar .navbar-nav > li.active > a { color: var(--global--color-primary); }
}

/* Telefon/tablet: açılan liste ekrandan taşmasın, kart gibi görünsün */
@media (max-width: 1199.98px) {
  .header .navbar #navbarContent {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    box-shadow: 0 18px 30px rgba(9, 29, 62, .12);
  }
  .header .navbar .navbar-nav > li { border-bottom: 1px solid #eef1f6; }
  .header .navbar .navbar-nav > li:last-child { border-bottom: 0; }
}

/* Üst çubuk + menü, sayfa içeriğiyle (1320px kolon) aynı hizada: geniş ekranda iki yana yayılmaz */
@media (min-width: 1200px) {
  .header.header-topbar .top-bar,
  .header.header-topbar .navbar {
    padding-left: max(14px, calc((100% - 1320px) / 2 + 12px)) !important;
    padding-right: max(14px, calc((100% - 1320px) / 2 + 12px)) !important;
  }
}

/* Özel imleç: fare ilk kez hareket edene kadar gizli (sol üst köşede asılı kalan halka görünmesin) */
.cursor { opacity: 0; transition: opacity .2s; }
html.has-pointer .cursor { opacity: 1; }