/* Horizontally scrollable mobile bottom navigation. */
@media (max-width: 767px) {
    .site-nav[data-mobile-style='bottom'] .site-menu {
        justify-content: flex-start !important;
        gap: 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 7px 10px max(7px, env(safe-area-inset-bottom)) !important;
        scroll-behavior: smooth;
        scroll-snap-type: x proximity;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu > a:not(.mobile-nav-cta),
    .site-nav[data-mobile-style='bottom'] .site-menu > .menu-parent {
        flex: 0 0 auto !important;
        min-width: 82px;
        max-width: none !important;
        scroll-snap-align: start;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu > a:not(.mobile-nav-cta),
    .site-nav[data-mobile-style='bottom'] .menu-parent > button {
        display: flex !important;
        min-height: 46px;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        padding: 8px 10px !important;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu > .mobile-nav-ctas {
        flex: 0 0 auto !important;
        overflow: visible !important;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu > .mobile-nav-ctas:has(.site-user-account) {
        scroll-snap-align: end;
    }
    .site-nav[data-mobile-style='bottom'] .site-menu:has(> .menu-parent.open) {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    /* Submenus are fixed popovers and must stay visible above the scroll rail. */
    .site-nav[data-mobile-style='bottom'] .menu-parent > .submenu {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
}
