/*!
 * SoftCrafter — Üst menü (app-nav) dayanıklılık düzeltmesi
 * v1.0.0
 *
 * SORUN
 * Lagom'un "top + condensed" üst menüsü bir flex satırı ve `flex-wrap: wrap` ile
 * kurulu. İçerik sığmayınca ikinci satıra taşıyor; taşıdığı anda temanın
 *   .lagom-layout-top .app-nav-menu .menu > li.is-right:first-child,
 *   .lagom-layout-top .app-nav-menu .menu > li:not(.is-right) + .is-right { margin-left:auto }
 * kuralı ilk satırdaki boş alanın tamamını yutuyor. Sonuç: son menü öğesi ("Ürünler")
 * sağ kenara yapışıyor, buton ("Destek Talebi") ise tek başına alt satırın SOLUNA
 * düşüyor. Kırık görünen şey bu.
 *
 * Ayrıca tema, dar ekranlarda menü bağlantı boşluğunu yalnızca
 * --app-nav-top-menu-link-padding-h üzerinden daraltıyor (992–1320px aralığında).
 * Bu sitede gövdede `lagom-layout-condensed` olduğu için geçerli değişken
 * --app-nav-top-condensed-menu-link-padding-h ve o hiç daralmıyor; menü 1200px
 * altında İngilizce'de de ikiye bölünüyordu.
 *
 * ÇÖZÜM
 * 1) Taşma olduğunda iki satır da sağa hizalansın (auto margin yerine flex-end).
 *    Menü tek satıra sığdığında UL zaten içeriğine göre daraldığı için bu kural
 *    hiçbir şeyi değiştirmez — ana sayfa dahil ölçüldü, öğe koordinatları aynı.
 * 2) 992–1320px arasında condensed değişkeni de daralsın (16px -> 10px).
 *    Menü genişliği 865px -> 781px; 1200px ekranda da tek satırda kalıyor.
 *
 * KAPSAM
 * Tüm kurallar `.lagom-layout-top .app-nav-menu` altında. Sayfa içeriğine,
 * sepete, sipariş akışına, admin paneline dokunmaz.
 *
 * NOT: Bu dosyayı her değiştirdiğinde includes/head.tpl içindeki `?v=` değerini
 * artır — yoksa Cloudflare eski kopyayı sunmaya devam eder.
 */

@media (min-width: 992px) {

    /* Bir menü etiketi kendi içinde alt satıra kırılmasın */
    .lagom-layout-top .app-nav-menu .menu > li > a {
        white-space: nowrap;
    }

    /* Taşma olursa her iki satır da sağa hizalansın */
    .lagom-layout-top .app-nav-menu .menu {
        justify-content: flex-end;
    }

    /* İlk satırın boş alanını yutan auto margin'i kaldır (yukarıdaki flex-end devralıyor) */
    .lagom-layout-top .app-nav-menu .menu > li.is-right:first-child,
    .lagom-layout-top .app-nav-menu .menu > li:not(.is-right) + .is-right {
        margin-left: 0;
    }
}

/* Dar masaüstü: temanın non-condensed layout için zaten yaptığı daraltmayı
   condensed layout'a da uygula. Üst sınır 1320px bilerek temanınkiyle aynı. */
@media (min-width: 992px) and (max-width: 1320px) {
    :root {
        --app-nav-top-menu-link-padding-h: 10px;
        --app-nav-top-condensed-menu-link-padding-h: 10px;
    }
}