/**
 * Mobile & Compact Navbar Hide CSS
 * Ensures both mobile and compact navbars are hidden when modals are open
 */

/* Hide mobile navbar when body has the hiding class */
body.mobile-navbar-hidden .mobile-bottom-bar,
body.mobile-navbar-hidden .mobile-navbar-bar,
body.mobile-navbar-hidden #mobileNavbarMain,
body.compact-navbar-hidden .compact-nav,
body.compact-navbar-hidden .compact-navbar,
body.compact-navbar-hidden .navbar-compact,
body.compact-navbar-hidden .bottom-nav,
body.compact-navbar-hidden .bottom-navigation,
body.compact-navbar-hidden .mobile-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Also hide when modal is open */
body.modal-open .mobile-bottom-bar,
body.modal-open .mobile-navbar-bar,
body.modal-open #mobileNavbarMain,
body.modal-open .compact-nav,
body.modal-open .compact-navbar,
body.modal-open .navbar-compact,
body.modal-open .bottom-nav,
body.modal-open .bottom-navigation,
body.modal-open .mobile-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Ensure smooth transition when hiding/showing */
.mobile-bottom-bar,
.mobile-navbar-bar,
#mobileNavbarMain,
.compact-nav,
.compact-navbar,
.navbar-compact,
.bottom-nav,
.bottom-navigation,
.mobile-nav {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* When showing, ensure it's visible */
body:not(.modal-open):not(.mobile-navbar-hidden) .mobile-bottom-bar,
body:not(.modal-open):not(.mobile-navbar-hidden) .mobile-navbar-bar,
body:not(.modal-open):not(.mobile-navbar-hidden) #mobileNavbarMain,
body:not(.modal-open):not(.compact-navbar-hidden) .compact-nav,
body:not(.modal-open):not(.compact-navbar-hidden) .compact-navbar,
body:not(.modal-open):not(.compact-navbar-hidden) .navbar-compact,
body:not(.modal-open):not(.compact-navbar-hidden) .bottom-nav,
body:not(.modal-open):not(.compact-navbar-hidden) .bottom-navigation,
body:not(.modal-open):not(.compact-navbar-hidden) .mobile-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Adjust body padding when navbar is hidden */
body.mobile-navbar-hidden {
    padding-bottom: 0 !important;
}

/* Mobile specific */
@media (max-width: 768px) {
    /* Ensure it works on mobile devices */
    body.modal-open .mobile-bottom-bar,
    body.modal-open .mobile-navbar-bar {
        transform: translateY(100%) !important;
        display: none !important;
    }

    /* Adjust modal positioning when navbar is hidden */
    body.mobile-navbar-hidden .modal-dialog {
        margin-bottom: 0 !important;
    }
}