/* ============================================================
   Mobil Alt Menü
   - Sadece 991.98px ve altında görünür
   - Masaüstü (lg+) hiçbir şekilde etkilenmez
   - Üstteki arama/hesap/favori/sepet ikonlarını mobilde alta taşır
   ============================================================ */

.yal-bottom-nav {
    display: none;
}

@media (max-width: 991.98px) {

    /* Sabit alt menü yüksekliği kadar içerik boşluğu */
    body {
        padding-bottom: 72px;
    }

    /* Üst bilgi çubuğundaki ikon grubu mobille gizlenir (aşağı taşındı) */
    .header-middle .header-right {
        display: none !important;
    }

    .yal-bottom-nav {
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1045;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, .07);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .yal-bottom-nav__item {
        flex: 1 1 0;
        min-width: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 9px 4px;
        text-decoration: none;
        color: #6b7280;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        transition: color .2s ease;
    }

    .yal-bottom-nav__item i {
        font-size: 22px;
        line-height: 1;
    }

    .yal-bottom-nav__item:active,
    .yal-bottom-nav__item.is-active {
        color: var(--main-600, #458eff);
    }

    .yal-bottom-nav__badge {
        position: absolute;
        top: 3px;
        left: 50%;
        transform: translateX(6px);
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--main-600, #458eff);
        color: #fff;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
    }

    /* Yukarı çıkan (scroll to top) düğmesi alt menüyle çakışmasın */
    .progress-wrap {
        bottom: 82px !important;
    }

    /* Alt menü açıkken sepet rozeti kaybolmasın */
    .yal-bottom-nav__item span:not(.yal-bottom-nav__badge) {
        white-space: nowrap;
    }
}