/* Menu Engineering — web_app navbar (desktop dropdown + mobile accordion) */

/*
 * Navigation-Clean.css imposta @media (min-width:768px) { #navcol-1 { font-size: 0.5em !important; } }
 * I .nav-link hanno font-size fisso in css_style_mod; i .dropdown-item ereditano invece l'em ridotto
 * → menu custom (dropdown) sembra “mini” rispetto a Home / voci lista categorie. Ripristino con rem (root).
 */
@media (min-width: 768px) {
    /* #navcol-1 = .navbar-collapse dentro .navigation-clean */
    .navigation-clean #navcol-1 .dropdown-menu {
        font-size: 1rem;
    }
}

.wa-nav-me-dd {
    max-height: 70vh;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .wa-nav-me-dd .dropdown-item,
    .wa-nav-me-dd .dropdown-header,
    .wa-nav-me-dd .dropdown-item-text {
        font-size: inherit;
    }

    .wa-nav-me-dd .dropdown-header {
        color: var(--wa-color-text);
        font-family: var(--wa-font-heading);
        font-weight: 600;
        letter-spacing: 0.02em;
    }
}

.wa-nav-me-mob-root {
    width: 100%;
}

.wa-nav-me-mob-btn {
    text-decoration: none !important;
    white-space: normal;
}

.wa-nav-me-mob-btn.collapsed .wa-nav-me-ico {
    transform: rotate(-90deg);
}

.wa-nav-me-mob-btn .wa-nav-me-ico {
    transition: transform 0.15s ease;
    display: inline-block;
}

.wa-nav-me-mob-inner .nav-link {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

@media (min-width: 768px) {
    .wa-nav-me-mob-root {
        display: none !important;
    }
}

/* Separatore desktop: solo respiro tra voci (niente linea/pallino visibile) */
.wa-nav-me-sep {
    display: flex;
    align-items: center;
    align-self: center;
    width: 0;
    padding: 0;
    margin: 0 0.55rem;
    pointer-events: none;
    user-select: none;
    list-style: none;
}

.wa-nav-me-sep .wa-nav-me-sep-bar {
    display: none;
}