body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.menu-container {
width: 100%;
box-sizing: border-box;
padding: 10px;
}
/* Pulsante menu principale */
.menu-item {
background-color: #25a186;
color: white;
padding: 15px;
cursor: pointer;
border: none;
text-align: left;
width: 100%;
box-sizing: border-box;
font-size: 16px;
}
/* Sottomenù */
.submenu {
display: none;
background-color: #e6f2f0;
list-style: none;
margin: 0;
padding: 0;
border-left: 3px solid #25a186;
}
.submenu li {
border-bottom: 1px solid #ccc;
}
.submenu li a {
display: block;
padding: 10px 15px;
color: #333;
text-decoration: none;
}
.submenu li a:hover {
background-color: #d9f3ef;
}
/* Campo di ricerca */
.search-box {
width: 100%;
padding: 10px 12px;
margin: 10px 0;
font-size: 16px;
border: 1px solid #ccc;
box-sizing: border-box;
border-radius: 4px;
}
#codice-civile-menu > li > button {
background-color: #1d7d6e; /* verde più scuro */
}
/* Pulsante Torna su */
#scrollTopBtn {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #25a186;
color: white;
cursor: pointer;
padding: 12px 16px;
border-radius: 50%;
font-size: 18px;
}
#scrollTopBtn:hover {
background-color: #1d7d6e;
}
/* Rimuove QUALSIASI puntino generato dal tema */
#codice-civile-menu li::before,
#codice-civile-menu li::after,
.submenu li::before,
.submenu li::after {
content: none !important;
}
// Apri/chiudi i menu
function toggleMenu(id) {
const submenu = document.getElementById(id);
const isVisible = submenu.style.display === “block”;
document.querySelectorAll(‘.submenu’).forEach(menu => menu.style.display = “none”);
if (!isVisible) submenu.style.display = “block”;
}
// Filtro articoli
function filterArticles() {
const input = document.getElementById(‘searchInput’).value.toLowerCase();
const allLinks = document.querySelectorAll(‘.submenu li’);
allLinks.forEach(link => {
const text = link.textContent.toLowerCase();
link.style.display = text.includes(input) ? “” : “none”;
});
// Apri entrambi i menu se c’è testo nella ricerca
if (input.length > 0) {
document.querySelectorAll(‘.submenu’).forEach(menu => menu.style.display = “block”);
}
}
// Mostra/nasconde il pulsante “torna su”
window.onscroll = function () {
const btn = document.getElementById(“scrollTopBtn”);
btn.style.display = (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) ? “block” : “none”;
};
// Scroll to top
function scrollToTop() {
window.scrollTo({ top: 0, behavior: ‘smooth’ });
}
function toggleSubmenu(event) {
const btn = event.currentTarget;
const submenu = btn.nextElementSibling;
// Chiude tutti gli altri sotto-menu dello stesso livello
const parentUl = btn.parentElement.parentElement;
Array.from(parentUl.children).forEach(li => {
if (li !== btn.parentElement) {
const ul = li.querySelector(‘ul.submenu’);
if (ul) ul.style.display = ‘none’;
}
});
// Mostra o nasconde il sottomenu cliccato
if (submenu.style.display === ‘block’) {
submenu.style.display = ‘none’;
} else {
submenu.style.display = ‘block’;
}
}

