document.addEventListener('DOMContentLoaded', function() {
// Funzione per applicare le classi
function applyBorderClass() {
// Controlla se il div con id e-n-menu-content-2371 contiene la classe e-active
const menuContent1 = document.querySelector('.e-n-menu-content #e-n-menu-content-2371');
const navItemFirst = document.getElementById('nav-item-first');
if (menuContent1 && menuContent1.classList.contains('e-active')) {
navItemFirst.classList.add('border-active-menu');
} else {
navItemFirst.classList.remove('border-active-menu');
}
// Controlla se il div con id e-n-menu-content-2372 contiene la classe e-active
const menuContent2 = document.querySelector('.e-n-menu-content #e-n-menu-content-2372');
const navItemSecond = document.getElementById('nav-item-second');
if (menuContent2 && menuContent2.classList.contains('e-active')) {
navItemSecond.classList.add('border-active-menu');
} else {
navItemSecond.classList.remove('border-active-menu');
}
}
// Esegui la funzione inizialmente
applyBorderClass();
// Aggiungi un event listener per monitorare i cambiamenti
const observer = new MutationObserver(applyBorderClass);
observer.observe(document.getElementById('e-n-menu-content-2371'), { attributes: true, attributeFilter: ['class'] });
observer.observe(document.getElementById('e-n-menu-content-2372'), { attributes: true, attributeFilter: ['class'] });
});
.border-active-menu {
position: relative;
z-index: 40;
border: 1px solid white !important;
border-bottom: 1px solid #00754a !important;
background: linear-gradient(180deg, #00000010, transparent);
}
#e-n-menu-content-2371, #e-n-menu-content-2372{
z-index: 30;
margin-bottom: -1px;
}
#e-n-menu-title-2373{
border-width: 1px !important;
}
