/* Stile per i link normali */
a {
    color: #8B0000;
    /* Testo color crimson */
    text-decoration: none;
    /* Nessuna sottolineatura di default */
}

/* Stile per i link al passaggio del mouse */
a:hover {
    text-decoration: underline;
    /* Sottolineatura al passaggio del mouse */
}

/* Imposta la stessa interlinea dei <p> per elenchi schede*/
ul, ul li {
    line-height: 1; /* Cambia l'interlinea per essere uguale ai paragrafi */
}

.titolo-lemma {
    font-weight: bold;       /* Mantiene il grassetto */
    text-transform: uppercase; /* Rende il titolo tutto maiuscolo */
    color: #8B0000;         /* Un bel rosso scuro elegante */
    margin-bottom: 1.5em;    /* Spazio sotto */
    padding-bottom: 5px
}

html, body {
    height: 100%;
    overflow: hidden;
}

/* Stile Testata */
header {
    background-color: #fff8dc;
    padding: 15px;
    border-bottom: 2px solid #ddd;
    position: fixed; /* Mantiene la header fissa */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000; /* Assicura che stia sopra tutto */
}

.navbar-brand {
    padding-left: 8px; /* Aggiungi questa linea per spostare il titolo a destra */
}

#navbarNav {
    padding-left: 8px; /* Stesso padding del titolo */
}


/* Stile Sidebar */
.sidebar {
    position: fixed;
    top: 70px;
    /* Altezza dell'header */
    left: 0;
    width: 250px;
    height: calc(100vh - 70px);
    /* Altezza dinamica, meno l'header */
    background-color: #fff8dc;
    padding: 20px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
    transition: transform 0.3s ease-in-out;
}

/* Sidebar chiusa */
.sidebar.closed {
    transform: translateX(-250px);
}

.content {
    position: absolute;
    top: 80px;
    left: 270px; /* Mantiene l'allineamento quando la sidebar è aperta */
    right: 0;
    bottom: 0;
    padding: 20px;
    transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
    overflow-y: auto;
    flex-grow: 1; /* Occupa tutto lo spazio rimanente */
    max-height: calc(100vh - 80px)
    /* max-height: calc(100vh - 80px); */
    /* width: calc(100vw - 270px); Impedisce che il lemma vada oltre il bordo */
}

/* Quando la sidebar è chiusa */
.sidebar.closed + .content {
    margin-left: 0;
    width: 100vw;
}


/* Stile normale per i lemmi nella sidebar */
.sidebar a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 8px;
    border-radius: 5px;
    font-weight: normal;
    /* Testo normale */
    transition: font-weight 0.2s ease-in-out;
}

/* Quando si passa sopra con il mouse, il testo diventa grassetto */
.sidebar a:hover {
    font-weight: bold;
    background-color: transparent;
    /* Nessun cambio di colore */
}

/* Sidebar sempre visibile di default */
/*.sidebar {*/
/*    position: fixed;*/
/*    top: 70px;*/
/*    left: 0; /* Sidebar visibile inizialmente */
/*    width: 250px;*/
/*    height: calc(100vh - 70px);*/
/*    background-color: #fff8dc;*/
/*    Panna chiaro */
/*    padding: 20px;*/
/*    overflow-y: auto;*/
/*    border-right: 1px solid #ddd;*/
/*    transition: transform 0.3s ease-in-out;*/
/*}*/



/* Campo di ricerca nella sidebar */
.search-container {
    position: relative;
    width: 100%;
}

#search-lemmi {
    width: 100%;
    padding: 8px 30px 8px 10px; /* Spazio per l'icona a destra */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

#clear-search {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #aaa;
    line-height: 1; /* Aggiungi questa linea */
}

#clear-search:hover {
    color: #333;
}



/* Linguetta per aprire/chiudere la sidebar */
#toggle-handle {
    position: fixed;
    top: 50%;
    left: 250px;
    /* Allineata con la sidebar aperta */
    width: 20px;
    height: 50px;
    background-color: transparent;
    color: #333;
    text-align: center;
    line-height: 50px;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    transition: left 0.3s ease-in-out;
}

/* Quando la sidebar è chiusa, il contenuto si allarga */
/*.sidebar.closed+.content {
    margin-left: 0;
    width: 100%;
}

/* Sposta la linguetta quando la sidebar è chiusa */
.sidebar.closed+#toggle-handle {
    left: 0;
}

/* Cambia icona quando la sidebar è chiusa */
.sidebar.closed+#toggle-handle::after {
    content: "❯";
}

/* Uniforma il titolo del lemma con il resto del testo */
#lemma-title {
    font-size: inherit;
    /* Usa la stessa dimensione del testo normale */
    font-family: inherit;
    /* Usa lo stesso carattere del resto del testo */
    font-weight: bold;
    /* Non in grassetto */
    /*margin-bottom: 3%;
    /* Aggiunge spazio tra il titolo e il resto del testo */
}

.cfr {
  font-size: 0.9em !important;
  font-weight: normal;
  margin-left: 0.5em;
}

.cfr-titolo {
  font-size: 0.9em;
  margin-top: -0.5em;
  color: #555;
}



/* Uniforma l'interlinea e gli spazi tra paragrafi */
#lemma-content {
    line-height: 1.5;
    /* Imposta un'interlinea uniforme */
    padding-top: 10px; /* Riduce il padding sopra */
    padding-bottom: 20px; /* Evita che il testo scompaia prima di toccare la header */
    overflow: visible; /* Permette al contenuto di adattarsi */
    height: auto;
}



#lemma-content p {
    margin-top: 10px;
    margin-bottom: 10px;
    /* Assicura la stessa spaziatura tra i paragrafi */
    line-height: 1;
    /* Mantiene coerenza nell'interlinea */
}

/* Uniforma lo stile delle definizioni */
#lemma-content .lemma-section {
    line-height: 1;
    /* Stessa interlinea della scheda */
    margin-bottom: 1.5em;
    /* Spazio coerente tra sezioni */
}

/* Uniforma lo stile delle occorrenze */
#lemma-content .occurrence {
    line-height: 1;
    /* Mantiene la stessa interlinea */
    margin-bottom: 10px;
    /* Spaziatura coerente tra occorrenze */
}

/* Stile per il pulsante "Torna al lemma" */
.back-button {
    display: block;
    margin: 20px auto;
    padding: 5px 10px;
    background-color: rgba(178, 34, 34, 0.2); /* Rosso trasparente al 20% */
    color: #333;
    border: none;
    border-radius: 5px;
    font-size: 0.9em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Colore più deciso al passaggio del cursore */
.back-button:hover {
    background-color: #8B0000;
    /* Rosso più deciso */
    color: white;
    /* Testo bianco per contrasto */
}

.lemma-volgare {
    font-style: italic;   /* Corsivo */
    padding-left: 15px;   /* Rientro */
    display: block;
}

#search-lemmi {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

.filters {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 20px; /* ✅ Aggiunge spazio sotto i filtri, prima dell'elenco dei lemmi */

}

.filters label {
    margin-bottom: 5px;
    cursor: pointer;
}