/* ChapResto v23 - Restaurant mobile bottom menu / cart icon fix */

@media (max-width: 820px) {
    body:has(.rs-mobile-tabs) .cr-bottom-nav {
        display: none !important;
    }

    .rs-mobile-tabs {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 1200 !important;
        height: 66px !important;
        padding: 5px 8px calc(5px + env(safe-area-inset-bottom)) !important;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 0 !important;
        background: rgba(255, 255, 255, .98) !important;
        border-top: 1px solid rgba(55, 43, 34, .12) !important;
        box-shadow: 0 -14px 34px rgba(35, 28, 24, .12) !important;
        backdrop-filter: blur(14px) !important;
    }

    .rs-mobile-tabs button,
    .rs-mobile-tabs a {
        width: 100% !important;
        min-width: 0 !important;
        height: 56px !important;
        padding: 4px 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: transparent !important;
        color: #2a2421 !important;
        text-decoration: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        position: relative !important;
        font-family: inherit !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        cursor: pointer !important;
        overflow: visible !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .rs-mobile-tabs button i,
    .rs-mobile-tabs a i {
        display: block !important;
        font-size: 17px !important;
        line-height: 1 !important;
        height: 18px !important;
        margin: 0 !important;
        color: currentColor !important;
    }

    .rs-mobile-tabs button span,
    .rs-mobile-tabs a span {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        text-align: center !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        font-weight: 950 !important;
        letter-spacing: -.01em !important;
    }

    .rs-mobile-tabs button.active,
    .rs-mobile-tabs a.active {
        color: #df5a1f !important;
        background: #fff4ec !important;
    }

    .rs-mobile-tabs a[href*='/cart'] {
        color: #2a2421 !important;
    }

    .rs-mobile-tabs a[href*='/cart'] i {
        transform: translateY(-1px) !important;
    }

    .rs-mobile-tabs a[href*='/cart'] em {
        position: absolute !important;
        top: 2px !important;
        right: calc(50% - 19px) !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        background: #df5a1f !important;
        color: #fff !important;
        border: 2px solid #fff !important;
        display: inline-grid !important;
        place-items: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 1000 !important;
        font-style: normal !important;
        box-shadow: 0 6px 14px rgba(223, 90, 31, .28) !important;
    }

    .rs-floating-cart {
        bottom: calc(76px + env(safe-area-inset-bottom)) !important;
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 999px !important;
        z-index: 1195 !important;
    }

    .rs-page {
        padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    }
}

@media (max-width: 380px) {
    .rs-mobile-tabs {
        height: 64px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .rs-mobile-tabs button,
    .rs-mobile-tabs a {
        height: 54px !important;
        border-radius: 14px !important;
    }

    .rs-mobile-tabs button i,
    .rs-mobile-tabs a i {
        font-size: 16px !important;
    }

    .rs-mobile-tabs button span,
    .rs-mobile-tabs a span {
        font-size: 8.5px !important;
    }
}