/* Nuclear Fix for Navigation Close Button */

/* FORCE HIDE THE X BUTTON COMPLETELY */
.nav__close,
#nav-close,
.nav__menu .nav__close,
#nav-menu .nav__close,
div.nav__menu .nav__close,
html body .nav__menu .nav__close,
html body div.nav__menu .nav__close,
html body .nav__menu#nav-menu .nav__close,
html body #nav-menu .nav__close {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: scale(0) !important;
}

/* Only show on mobile when menu is active */
@media (max-width: 768px) {
    .nav__menu.show-menu .nav__close,
    .nav__menu.active .nav__close,
    #nav-menu.show-menu .nav__close,
    #nav-menu.active .nav__close {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: absolute !important;
        left: auto !important;
        right: 2rem !important;
        top: 2rem !important;
        width: 3rem !important;
        height: 3rem !important;
        pointer-events: auto !important;
        transform: scale(1) !important;
        background: #dc2626 !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        color: white !important;
        font-size: 1.5rem !important;
        cursor: pointer !important;
        z-index: 10001 !important;
    }
}

/* Extra safety - hide any fas fa-times that might be the X */
.nav__menu .fas.fa-times,
#nav-menu .fas.fa-times {
    display: none !important;
    visibility: hidden !important;
}

@media (max-width: 768px) {
    .nav__menu.show-menu .fas.fa-times,
    .nav__menu.active .fas.fa-times,
    #nav-menu.show-menu .fas.fa-times,
    #nav-menu.active .fas.fa-times {
        display: inline !important;
        visibility: visible !important;
    }
}