/*==============================================
  NAVBAR COLLAPSE MENU FIX
  FORCE HIDE mobile menu by default - CRITICAL
  Hotel Nehrus - March 16, 2026
  ================================================*/

/* ========== MOBILE ONLY (below 1300px) ========== */

@media (max-width: 1299.98px) {
    
    /* AGGRESSIVE: Hide ALL navbar collapse elements */
    .navbar-collapse {
        /* Force hide */
        display: none !important;
        visibility: hidden !important;
        position: absolute !important;
        
        /* Remove from layout completely */
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        overflow-y: hidden !important;
        
        /* Opacity and pointer */
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: -999 !important;
        
        /* Clip path as failsafe */
        clip-path: inset(0 0 100% 0) !important;
        -webkit-clip-path: inset(0 0 100% 0) !important;
        
        /* Remove all sizing */
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        
        /* Clear all transforms */
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    /* Specific ID selector */
    #navbarNav {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
    }
    
    /* SHOW ONLY when .show class is added by Bootstrap */
    .navbar-collapse.show,
    #navbarNav.show {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-y: auto !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1000 !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
    }
}

/* ========== DESKTOP (1300px and above) ========== */
@media (min-width: 1300px) {
    /* Always show on desktop */
    .navbar-collapse,
    #navbarNav {
        display: flex !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    
    /* Hide hamburger on desktop */
    .navbar-toggler,
    .navbar-toggler-luxury {
        display: none !important;
    }
}

/* ========== FALLBACK - Override any BS defaults ========== */
.navbar-luxury .navbar-collapse:not(.show) {
    display: none !important;
}

/* Bootstrap collapse animation - only on show */
.navbar-collapse.show {
    animation: collapseSlide 0.3s ease-out;
}

@keyframes collapseSlide {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}