/* Modal Fixes for EN version */

/* Regras FORTES para esconder menu hamburger e logo quando modal está aberto */
body.modal-open .nav-toggle,
body.modal-open .nav-logo,
body.modal-open .nav-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    z-index: -1 !important;
}

/* Regras específicas para quando qualquer modal está visível */
.modal[style*="display: block"] ~ .header .nav-toggle,
.modal[style*="display: block"] ~ .navbar .nav-toggle,
.modal[style*="display: block"] ~ .header .nav-logo,
.modal[style*="display: block"] ~ .navbar .nav-logo,
.modal[style*="display: block"] ~ .header .nav-menu,
.modal[style*="display: block"] ~ .navbar .nav-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    z-index: -1 !important;
}

/* Esconder header e navbar quando modal está aberto */
body.modal-open .header,
body.modal-open .navbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Garantir que os modais tenham z-index muito alto */
.modal {
    z-index: 99999 !important;
}

/* Regras específicas para mobile */
@media (max-width: 768px) {
    body.modal-open .nav-toggle,
    body.modal-open .nav-logo,
    body.modal-open .nav-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        z-index: -1 !important;
    }
    
    .modal[style*="display: block"] ~ .header .nav-toggle,
    .modal[style*="display: block"] ~ .navbar .nav-toggle,
    .modal[style*="display: block"] ~ .header .nav-logo,
    .modal[style*="display: block"] ~ .navbar .nav-logo,
    .modal[style*="display: block"] ~ .header .nav-menu,
    .modal[style*="display: block"] ~ .navbar .nav-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        z-index: -1 !important;
    }
}

/* Regras específicas para ecrãs pequenos */
@media (max-width: 480px) {
    body.modal-open .nav-toggle,
    body.modal-open .nav-logo,
    body.modal-open .nav-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        z-index: -1 !important;
    }
    
    .modal[style*="display: block"] ~ .header .nav-toggle,
    .modal[style*="display: block"] ~ .navbar .nav-toggle,
    .modal[style*="display: block"] ~ .header .nav-logo,
    .modal[style*="display: block"] ~ .navbar .nav-logo,
    .modal[style*="display: block"] ~ .header .nav-menu,
    .modal[style*="display: block"] ~ .navbar .nav-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        z-index: -1 !important;
    }
}