/* Force Mobile Menu Styles for Edition 2024 */
@media (max-width: 768px) {
    /* Force menu background */
    .nav-menu {
        background: linear-gradient(135deg, #E6007E 0%, #C71585 100%) !important;
        max-height: calc(100vh - 80px) !important;
        overflow-y: auto !important;
    }

    /* Force all text to be white */
    .nav-menu .nav-link,
    .nav-menu .dropdown-item,
    .nav-menu .dropdown-toggle {
        color: white !important;
    }

    /* Force hamburger button color */
    .nav-toggle .bar {
        background-color: #E6007E !important;
    }

    /* Force hover colors */
    .nav-menu .nav-link:hover,
    .nav-menu .dropdown-item:hover {
        color: #FF69B4 !important;
    }

    /* Force dropdown icon color */
    .nav-menu .dropdown-toggle i {
        color: white !important;
    }

    .nav-menu .dropdown-toggle.active i {
        color: #FF69B4 !important;
    }

    /* Ensure content is visible when menu is closed */
    body {
        overflow-x: hidden !important;
    }

    /* Remove any overlay that might be blocking content */
    .nav-menu:not(.active) {
        pointer-events: none !important;
    }

    /* Ensure page content is not blocked */
    .edicion-hero,
    .gallery-section,
    .ponentes-section,
    .video-gallery-section,
    .footer {
        position: relative !important;
        z-index: 1 !important;
    }

    /* Remove any background overlays that might be causing the pink solid background */
    .gallery-section::before,
    .ponentes-section::before,
    .video-gallery-section::before,
    .edicion-hero::before,
    .edicion-hero::after {
        display: none !important;
    }

    /* Ensure no fixed backgrounds are blocking content */
    * {
        background-attachment: scroll !important;
    }

    /* Remove any potential overlay */
    .nav-menu:not(.active) {
        background: transparent !important;
    }
}