/* =================================================================
   VICIOUS FUN — MOBILE STICKY BAR
   Fixed bottom nav for Account/Login/Register on small screens.
   Hidden on desktop.
   ================================================================= */

.vf-mobile-bar {
    display: none;
}

@media screen and (max-width: 991px) {
    .vf-mobile-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: #111;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 6px 0;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.5);
    }

    .vf-mobile-bar__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        color: #aaa !important;
        text-decoration: none !important;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 6px 12px;
        transition: color 0.2s;
    }

    .vf-mobile-bar__item i {
        font-size: 18px;
    }

    .vf-mobile-bar__item:hover,
    .vf-mobile-bar__item:active {
        color: #fff !important;
    }

    /* Hide top secondary menu from mobile accordion — covered by sticky bar + footer */
    #menu-top-secondary-menu-1 {
        display: none !important;
    }
}