/* =========================================================
   Mobil görünüm düzeltmeleri
   - Üst menü: dil seçici + ikonların tek satıra oturması
   - Ürün sayfası: alt sabit "Sepete Ekle" çubuğunun inceltilmesi
   Navbar xl (1200px) altında collapse olduğundan kırılım 1199.98px.
   ========================================================= */

/* ---------------------------------------------------------
   GLOBAL EMNİYET (masaüstü + mobil): tema, slick başlamadan
   slaytları height:0 + visibility:hidden tutuyor. JS init'i
   herhangi bir nedenle çalışmazsa banner tamamen kayboluyordu.
   Bu kural en azından İLK slaytı her koşulda görünür tutar;
   slick başlar başlamaz (.slick-initialized) devre dışı kalır.
   --------------------------------------------------------- */
.u-slick:not(.slick-initialized) .js-slide:first-child {
    visibility: visible;
    height: auto;
    overflow: visible;
}

/* ---------------------------------------------------------
   Banner (hero slider) yükseklik rezervi. Slick init anında görsel
   henüz yüklenmediğinden yükseklik 0'a düşüp banner ince bir şerit
   gibi "yüklenmemiş" görünüyordu. Banner görselleri ~1920x500
   (≈3.84:1) ve tam genişlikte olduğundan yükseklik ≈ %25vw'dir.
   min-height bu alanı önceden ayırır; görsel yüklenince zaten bu
   yüksekliği doldurur, fazladan boşluk kalmaz (değer gerçek
   yükseklikten hafif düşük tutuldu ki alt boşluk oluşmasın).
   --------------------------------------------------------- */
.banners { min-height: 25vw; }

@media (max-width: 1199.98px) {

    /* Dil seçici: satırda kalan TÜM boşluğu doldurur (sağdaki ikonlara kadar
       otomatik uzar) — bayrak/kod solda, açılır ok sağda; alttaki arama
       kutusuyla aynı genişlik hissi verir. Vendor'ın 220px sabiti de,
       fit-width'in içerik kadar daralması da bu kuralla devre dışı. */
    .u-header .navbar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0 !important;
        /* select'in mr-0 sınıfı wrapper'a kopyalanıyor (mr-0 = 0 !important),
           ikonlarla arada nefes payı için ezmek gerekiyor */
        margin-right: 8px !important;
    }
    .u-header .navbar .bootstrap-select > .dropdown-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;   /* ok (caret) sağ kenara yaslanır */
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 14px;
    }

    /* Sepet ikonu: py-4 mobilde satırı gereksiz uzatıyor */
    .u-header .navbar .btn-text-secondary.py-4 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    /* Dil seçici / sepet / üyelik / hamburger aynı satırda dikey ortalı */
    .u-header .navbar .navbar-toggler {
        margin-left: 6px;
    }
    .u-header .navbar .u-header__login-form .btn {
        white-space: nowrap;
    }
}

/* Çok dar ekranlarda (küçük telefonlar) ekstra sıkılaştırma */
@media (max-width: 400px) {
    .u-header .navbar .u-header__login-form {
        padding-left: .25rem !important;
    }
}

/* ---------------------------------------------------------
   Mobil ürün sayfası: alt sabit fiyat + sepete ekle çubuğu
   --------------------------------------------------------- */
@media (max-width: 991.98px) {
    .sag_panel .product-price-box.position-fixed {
        box-shadow: 0 -4px 14px rgba(0, 0, 0, .08);
    }
    .sag_panel .product-price-box.position-fixed .offer-text {
        font-size: 14px;
        line-height: 1.1;
    }
    .sag_panel .product-price-box.position-fixed .price-text .old-price del {
        line-height: 1.1;
    }
    .sag_panel .product-price-box.position-fixed .product-free-area {
        line-height: 1.2;
        font-size: 12px;
    }
    .sag_panel .product-price-box.position-fixed .hteslimat {
        font-size: 11px;
        line-height: 1.2;
    }

    /* Küçük ekranlarda ürün kartı görsel min-height kısıtlamasını kaldır.
       theme.css'te .ilk_resim/.ikinci_resim img.center = min-height:290px (her ekranda).
       Burada ≤991.98px için iptal: kartlar görsel boyutuna göre, dar kartlarda
       fazla boşluk/gerilme olmaz. Beğenilmezse bu blok silinince eski hale döner. */
    .ilk_resim img.center,
    .ikinci_resim img.center {
        min-height: auto !important;
    }
}

/* ---------------------------------------------------------
   Ürün kartı görsel yüksekliği — ekran boyutuna göre ince ayar
   (theme.css'teki sabit 290px'i ezer; ≤991.98px yukarıda auto):
   - 992–1599px (lg 4'lü + xl 3'lü, 1280 dahil) : 260px
   - ≥1600px (geniş ekran / 1920, 4'lü)         : 280px
   --------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1599.98px) {
    .ilk_resim img.center,
    .ikinci_resim img.center { min-height: 260px !important; }
}
@media (min-width: 1600px) {
    .ilk_resim img.center,
    .ikinci_resim img.center { min-height: 280px !important; }
}