/* Publication Page Navbar Toggle Fix */
/* This file ensures the navbar toggle button is only visible on mobile devices */

/* Desktop: Hide the navbar toggle button completely */
@media screen and (min-width: 992px) {
    .header.header-2 .navbar-toggler,
    .navbar .navbar-toggler,
    button.navbar-toggler {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Ensure the navigation menu is visible on desktop */
    .navbar-collapse {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mobile and Tablet: Show the navbar toggle button */
@media screen and (max-width: 991.98px) {
    .header.header-2 .navbar-toggler,
    .navbar .navbar-toggler,
    button.navbar-toggler {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        left: auto !important;
        background: transparent !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 6px !important;
        padding: 6px 8px !important;
    }
    
    .navbar-toggler .toggler-icon {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        background: #374151 !important;
        margin: 3px 0 !important;
        transition: all 0.3s ease !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Extra specificity to override any inline styles */
@media only screen and (min-width: 992px) {
    body .header.header-2 .navbar .navbar-toggler,
    body .navbar-area .navbar .navbar-toggler,
    body .container .navbar .navbar-toggler {
        display: none !important;
    }
}