/* Modal Language Fix for PT version */

/* Regras FORTES para esconder botão de idiomas quando modal está aberto */
body.modal-open .mobile-language-toggle,
body.modal-open .nav-container .mobile-language-toggle,
body.modal-open .navbar .mobile-language-toggle,
body.modal-open .header .mobile-language-toggle {
    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 .mobile-language-toggle,
.modal[style*="display: block"] ~ .navbar .mobile-language-toggle,
.modal[style*="display: block"] ~ .nav-container .mobile-language-toggle {
    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;
}

/* Regra adicional para esconder botão de idiomas quando qualquer modal está visível */
body:has(.modal[style*="display: block"]) .mobile-language-toggle,
body:has(.modal[style*="display: block"]) .nav-container .mobile-language-toggle,
body:has(.modal[style*="display: block"]) .navbar .mobile-language-toggle,
body:has(.modal[style*="display: block"]) .header .mobile-language-toggle {
    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 mobile */
@media (max-width: 768px) {
    body.modal-open .mobile-language-toggle,
    body.modal-open .nav-container .mobile-language-toggle,
    body.modal-open .navbar .mobile-language-toggle,
    body.modal-open .header .mobile-language-toggle {
        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 .mobile-language-toggle,
    .modal[style*="display: block"] ~ .navbar .mobile-language-toggle,
    .modal[style*="display: block"] ~ .nav-container .mobile-language-toggle {
        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 .mobile-language-toggle,
    body.modal-open .nav-container .mobile-language-toggle,
    body.modal-open .navbar .mobile-language-toggle,
    body.modal-open .header .mobile-language-toggle {
        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 .mobile-language-toggle,
    .modal[style*="display: block"] ~ .navbar .mobile-language-toggle,
    .modal[style*="display: block"] ~ .nav-container .mobile-language-toggle {
        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;
    }
}