/* =========================================
   MENU LATERALE
   ========================================= */

#sidebar {
    width: 250px;
    float: left;
    padding: 20px;
}

.ajax-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 60px; /* <--- Aggiungi questa riga per staccare il menu dall'alto */
}

.ajax-nav li {
    margin-bottom: 10px;
}

.ajax-nav a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s ease;
}

.pdf-link {
    display: block;
    margin-top: 20px;
    color: gray;
    font-weight: bold;
}

.pdf-link i {
    color: #C85A28; /*vecchio colore suiteprivacy #F99200*/
}


/* =========================================
   LAYOUT CONTENUTO E TABS DINAMICHE
   ========================================= */

#content.sbl .container {
    margin-left: 300px;
}

/* Nasconde di base i capitoli per evitare flash di contenuto prima del JS */
.ajax-navigation-item {
    display: none;
}

/* Colore per la voce di menu selezionata */
/* .ajax-nav a.active-nav { */
    /* color: #C85A28;  */
    /* border-bottom: 2px solid #C85A28; */
    /* padding-bottom: 2px; */
/* } */


/* Colore generale per la voce di menu selezionata (rimosso il bordo da qui) */
.ajax-nav a.active-nav {
    color: #C85A28; 
    border-bottom: none; 
    padding-bottom: 0;
}

/* La linea arancione si applica SOLO al titolo del CAPO */
.ajax-nav a.active-nav .titolo-capo {
    border-bottom: 2px solid #C85A28;
    padding-bottom: 0;
}

/* Stile per l'indicazione degli articoli (es. Artt. 1-4) */
.sottotitolo-capo {
    font-size: 13px;
    font-weight: normal;
    font-style: italic; /* <--- Ecco ripristinato il corsivo! */
    color: #777;
    display: block;
    margin-top: 6px; /* Crea un piccolo stacco visivo dalla linea arancione */
    transition: color 0.3s ease;
}

/* Evita che il sottotitolo diventi arancione quando il link è attivo */
.ajax-nav a.active-nav .sottotitolo-capo {
    color: #777; 
}



/* =========================================
   STRUTTURA TESTO GDPR E ACCORDION
   ========================================= */

/* Rimosso il margine sinistro per allineare "Sezione" a "CAPO" */
.acc-box {
    margin-left: 0;
    margin-bottom: 20px;
}

/* Formattazione "Sezione" (es. Sezione 1 - Trasparenza) */
.sezione {
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

/* Stile per i bottoni/titoli degli articoli (via i riquadri grigi!) */
.acc-trigger {
    display: block;
    padding: 12px 0;
    background: transparent;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #eaeaea; /* Linea di separazione elegante */
    margin-top: 5px;
    margin-left: 30px; /* Indenta gli articoli rispetto a CAPO e Sezione */
}

.acc-trigger a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    display: block;
    transition: color 0.2s ease;
}

/* Effetto hover e stato attivo per l'articolo aperto */
.acc-trigger:hover a, 
.acc-trigger.active a {
    color: #C85A28;
}

/* Contenitore del testo dell'articolo */
.acc-container {
    display: none;
    padding: 20px 0 25px 0;
    background: transparent;
    border: none;
    margin-left: 30px; /* Mantiene la stessa indentazione del titolo articolo */
}


/* =========================================
   TIPOGRAFIA INTERNA (Articoli e liste)
   ========================================= */

/* Uniforma il font a quello del sito (Palanquin) e setta spaziature corrette */
.acc-container p, 
.acc-container li {
    font-family: 'Palanquin', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

.indent {
    margin-left: 20px;
    list-style-type: decimal;
    text-align: justify;
}

.indent_liv2 {
    margin-left: 20px;
    list-style-type: lower-alpha;
    text-align: justify;
}

.Giustificato {
    text-align: justify;
}

li {
    padding-bottom: 10px;
}

h4.content-title {
    font-size: 22px;          
    font-weight: 800;         
    color: #222;              
    text-transform: uppercase;
    letter-spacing: 0.5px;    
    /* margin-top: 10px;         */
    /* margin-bottom: 20px;       */
    /* border-bottom: 2px solid #eee;  */
    padding-bottom: 10px;
}

/* =========================================
   RIMOZIONE PALLINI E MARGINI DAI CAPITOLI
   ========================================= */

#gdpr-content-wrapper > ul {
    list-style: none; /* Rimuove il pallino */
    padding: 0;       /* Rimuove lo spazio vuoto a sinistra */
    margin: 0;
}

/* =========================================
   MARGINE SUPERIORE CONTENUTO PRINCIPALE
   ========================================= */

#gdpr-content-wrapper {
    margin-top: 60px; /* Assicurati di mettere lo stesso valore che hai usato per .ajax-nav */
}

/* Rimuoviamo eventuali margini di default del titolo <h4> per avere un allineamento millimetrico */
.content-title {
    margin-top: 0;
}

/* =========================================
   SEPARATORE E LINK PDF
   ========================================= */

/* Crea il segno grafico (trattino arancione) sotto il menu */
.ajax-nav::after {
    content: "";
    display: block;
    width: 50%;            /* Lunghezza perfetta per coprire l'ingombro del link */
    height: 3px;           
    background-color: #C85A28; 
    margin-top: 30px;      
}

/* Stile del link PDF, spinto un po' più giù rispetto alla riga */
.pdf-link {
    display: block;
    margin-top: 40px;      /* Distanza dalla riga arancione */
    color: gray;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.pdf-link:hover {
    color: #333; /* Scurisce leggermente il testo quando ci passi sopra col mouse */
}

.pdf-link i {
    color: #C85A28;
}