/* ─── Logo ──────────────────────────────────────────────────────────────────── */
#logo_header { max-width: 160px; }
#logo_footer { max-width: 260px; }

/* ─── Dropdown lingua ──────────────────────────────────────────────────────── */
.header-language .dropdown > ul {
    background-color: #222F29;
    border: 1px solid #CBB37F;
    border-top: none;
}
.header-language .dropdown > ul li {
    color: #F4F2EF;
}
.header-language .dropdown > ul li:hover {
    color: #CBB37F;
}

/* ─── Sidebar — voci di navigazione ────────────────────────────────────────── */
/* Annulliamo il gap uniforme del template: gli spazi li gestiamo con i margini
 * così l'etichetta di gruppo resta "attaccata" alle sue voci. */
#sidebar-nav.widget-menu-tab.stye-full {
    gap: 0;
}

/* Allineamento a sinistra: consente indentazione e linea di connessione,
 * così le voci si leggono come "figlie" dell'etichetta di gruppo. */
#sidebar-nav .item-title {
    text-align: left;
}

/* Etichetta di gruppo: NON cliccabile, più piccola delle voci, con filetto
 * inferiore che la fa leggere come intestazione del gruppo sottostante. */
#sidebar-nav .sidebar-group-label {
    pointer-events: none;
    cursor: default;
    width: 100%;
    margin-top: 42px;
    margin-bottom: 14px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(203, 179, 127, 0.28);
}
#sidebar-nav .sidebar-group-label:first-child {
    margin-top: 0;
}
#sidebar-nav .sidebar-group-label .inner {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #CBB37F;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0.9;
}
/* Trattino gold prima del testo: marca visiva dell'intestazione. */
#sidebar-nav .sidebar-group-label .inner::before {
    content: '';
    width: 16px;
    height: 1px;
    background-color: #CBB37F;
    flex: 0 0 auto;
}

/* Voci cliccabili: più grandi dell'etichetta, indentate e unite da una linea
 * verticale continua che le lega all'etichetta soprastante. */
#sidebar-nav .sidebar-sub-item {
    margin: 0;
    padding: 9px 0 9px 16px;
    border-left: 1px solid rgba(203, 179, 127, 0.22);
    transition: border-color 0.2s ease;
}
#sidebar-nav .sidebar-sub-item .inner {
    font-size: 17px;
    padding-left: 0;
}
#sidebar-nav .sidebar-sub-item:hover {
    border-left-color: rgba(203, 179, 127, 0.6);
}
/* Voce attiva: linea di connessione piena in gold (sostituisce il box-shadow). */
#sidebar-nav.widget-menu-tab.stye-full li.sidebar-sub-item.active {
    box-shadow: none;
    border-left-color: #CBB37F;
}

/* ─── Sidebar — bottoni CARTA VINI / MENU BIMBI ────────────────────────────── */
/* Affiancati, larghezza uguale, gap che lascia spazio ai filetti decorativi
 * (::before/::after sporgono ~9px a destra e in basso). */
.sidebar-cta-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    margin-top: 24px;
    padding-right: 9px; /* compensa il filetto ::after che sporge a destra */
}
.sidebar-cta-row .button-two-line {
    flex: 1 1 0;
    min-width: 120px;
    max-width: 190px;
    width: auto;          /* annulla width:max-content per pareggiare le larghezze */
    padding-left: 14px;
    padding-right: 14px;
    letter-spacing: 1.4px;
    text-align: center;
    white-space: nowrap;
}

/* Indicatore voce attiva: barra verticale sinistra via box-shadow sul li.active.
 * I pseudo-elementi originali (span::before/after con top:50%) venivano glitchati
 * su testi a due righe — rimossi e sostituiti con questo approccio. */
.widget-menu-tab.stye-full li.active span::after,
.widget-menu-tab.stye-full li.active span::before {
    display: none;
}
.widget-menu-tab.stye-full li.active {
    box-shadow: -3px 0 0 #c6ac83;
}
.widget-menu-tab.stye-full li.active::before {
    display: none;
}

/* ─── Pannello contenuto ────────────────────────────────────────────────────── */
.menu-section {
    display: block;
}

.menu-group-header {
    padding: 80px 145px 0 93px;
}

.menu-group .menu-section .wrap {
    padding-top: 16px;
}

.menu-section-group-label {
    color: #CBB37F;
    font-family: 'Lexend', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-bottom: 10px;
    opacity: 0.85;
}

.menu-group-title {
    font-size: 3rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #CBB37F;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(203, 179, 127, 0.3);
    margin-bottom: 24px;
}

/* ─── Blocchi note / prezzi ─────────────────────────────────────────────────── */
.menu-note {
    border-left: 2px solid rgba(203, 179, 127, 0.5);
    padding: 12px 22px;
    margin-bottom: 32px;
}
.menu-note-text {
    margin-bottom: 8px;
    opacity: 0.8;
    font-size: 1.8rem;
    letter-spacing: 0.03em;
}
.menu-note-option {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px 0;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 1.8rem;
}
.menu-note-price {
    color: #CBB37F;
    font-weight: 500;
}

/* ─── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 1440px) {
    .menu-group-header {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 1024px) {
    .page-menu1-wrap .right .list-menu-left,
    .page-menu1-wrap .right .list-menu-right {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .page-menu1-wrap .right .title {
        font-size: 2.6rem; /* 26px — ridotto da 45px del desktop */
        line-height: 1.25;
        letter-spacing: 1px;
        padding-left: 38px;
        margin-bottom: 28px;
    }
}