/* Gio Mobile UX Fixes v1.1.10 */
@media (max-width: 768px) {
    #site-navigation-menu-toggle {
        position: relative;
        z-index: 25;
        min-width: 44px;
        min-height: 44px;
    }

    .storefront-handheld-footer-bar {
        height: calc(var(--gio-mux-footer-height, 70px) + env(safe-area-inset-bottom)) !important;
        min-height: calc(var(--gio-mux-footer-height, 70px) + env(safe-area-inset-bottom)) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        z-index: 999 !important;
    }
    .storefront-handheld-footer-bar ul.columns-4 {
        height: var(--gio-mux-footer-height, 70px) !important;
    }
    .storefront-handheld-footer-bar ul.columns-4 > li {
        width: 25% !important;
        height: var(--gio-mux-footer-height, 70px) !important;
    }
    .storefront-handheld-footer-bar ul.columns-4 > li > a {
        height: var(--gio-mux-footer-height, 70px) !important;
    }

    /* Calendar fallback CSS; critical visibility styles are also inline in the markup. */
    .storefront-handheld-footer-bar li.calendar > a.gio-mux-calendar-link {
        text-indent: 0 !important;
        overflow: visible !important;
    }
    .storefront-handheld-footer-bar li.calendar > a.gio-mux-calendar-link:before,
    .storefront-handheld-footer-bar li.calendar > a.gio-mux-calendar-link:after {
        content: none !important;
        display: none !important;
    }

    /* Keep the entire Calendar cell black, including tap/focus/current states.
       Do not alter the proven v1.1.2 Calendar markup or visibility rules. */
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar:hover,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar:focus,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar:active,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link:link,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link:visited,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link:hover,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link:focus,
    .storefront-handheld-footer-bar ul.columns-4 > li.calendar > a.gio-mux-calendar-link:active {
        background: #0a0a0a !important;
        background-color: #0a0a0a !important;
        box-shadow: none !important;
        outline: none !important;
        border-bottom-color: transparent !important;
    }

    /* XOO basket positioning is intentionally NOT overridden here.
       XOO remains responsible for its own launcher position and behavior. */

    body {
        padding-bottom: calc(var(--gio-mux-footer-height, 70px) + env(safe-area-inset-bottom) + 12px) !important;
    }
    html, body { max-width: 100%; overflow-x: clip; }
}