/**
 * Luzi Storefront — Mobile bottom navigation (icon-only, RTL)
 * Markup: snippet "Luzi Storefront: Mobile Bottom Nav". Icons: Elementor custom set "stsho" (.icon-*).
 * Order (right -> left): shop, contact, HOME (centre), cart, account.
 */
.luzi-bnav { display: none; }

@media (max-width: 1024px) {
    body.luzi-has-bnav { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
    #ast-scroll-top { bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important; }

    .luzi-bnav {
        display: block;
        position: fixed;
        inset-inline: 12px;
        bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        z-index: 1000;
        max-width: 560px;
        margin-inline: auto;
        pointer-events: none;
    }
    .luzi-bnav__bar {
        pointer-events: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1.3fr 1fr 1fr;
        align-items: center;
        height: 64px;
        padding: 0 6px;
        border-radius: var(--lz-r-xl);
        background: var(--lz-glass-bg);
        -webkit-backdrop-filter: var(--lz-glass-fx);
        backdrop-filter: var(--lz-glass-fx);
        border: 1px solid var(--lz-glass-line);
        box-shadow: 0 18px 40px -16px rgba(15, 23, 42, .38), inset 0 1px 0 rgba(255, 255, 255, .8);
    }
    .luzi-bnav__link {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--lz-mute);
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        transition: color var(--lz-dur) var(--lz-ease), transform var(--lz-dur) var(--lz-ease);
    }
    .luzi-bnav__link i { display: block; line-height: 1; font-size: 26px; }
    .luzi-bnav__link:active { transform: scale(.9); }
    .luzi-bnav__link.is-active { color: var(--lz-pink); }
    .luzi-bnav__link:not(.luzi-bnav__link--home).is-active::after {
        content: '';
        position: absolute;
        bottom: 9px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--lz-grad);
    }

    /* Centre: raised home disc */
    .luzi-bnav__link--home { overflow: visible; }
    .luzi-bnav__disc {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--lz-grad);
        color: #fff;
        transform: translateY(-16px);
        box-shadow: 0 14px 26px -8px var(--lz-pink-a30), 0 0 0 6px rgba(255, 255, 255, .6);
        transition: transform var(--lz-dur) var(--lz-ease);
    }
    .luzi-bnav__link--home:active .luzi-bnav__disc { transform: translateY(-14px) scale(.94); }
    .luzi-bnav__link--home.is-active .luzi-bnav__disc { box-shadow: 0 16px 30px -8px rgba(204, 0, 129, .75), 0 0 0 6px rgba(204, 0, 129, .14); }
    .luzi-bnav__disc i { font-size: 28px; color: #fff; }

    /* Cart count */
    .luzi-bnav__count {
        position: absolute;
        top: 10px;
        inset-inline-start: calc(50% + 4px);
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        border-radius: var(--lz-r-pill);
        background: var(--lz-grad);
        color: #fff;
        font: 700 11px/18px var(--lz-font);
        text-align: center;
        box-shadow: 0 0 0 2px #fff;
    }
    .luzi-bnav__count:empty, .luzi-bnav__count[data-count="0"] { display: none; }
}