/* ── Stili ChordPro: strofe e ritornelli ─────────────────────────────────────
   Aggiungi questo in base.html o nel CSS globale dell'app
   ─────────────────────────────────────────────────────────────────────────── */

/* Strofa — stile normale (invariato) */
.song-verse {
    margin-bottom: 1rem;
}

/* Ritornello — grassetto + colore oro */
.song-chorus {
    margin-bottom: 1rem;
    padding: 4px 10px;
    border-left: 3px solid #c9a227;
    background: rgba(201, 162, 39, 0.06);
    border-radius: 0 4px 4px 0;
}

/* Testo del ritornello: grassetto e colore oro scuro */
.song-chorus .song-text {
    font-weight: bold !important;
    color: #a07800 !important;
}

/* Accordi nel ritornello — colore oro più intenso */
.song-chorus .song-chord {
    color: #c9a227 !important;
    font-weight: bold;
}

/* Label opzionale "Ritornello" */
.song-chorus::before {
    content: 'Ritornello';
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #c9a227;
    margin-bottom: 4px;
    opacity: 0.8;
}

/* Leggio: stesso stile ma testo più grande */
#leggio-content .song-chorus .song-text {
    font-weight: bold !important;
    color: #e8c040 !important;  /* più luminoso su sfondo scuro */
}
#leggio-content .song-chorus .song-chord {
    color: #e8c040 !important;
}
#leggio-content .song-chorus {
    border-left-color: #e8c040;
    background: rgba(232, 192, 64, 0.08);
}

/* Secondo schermo: testo grande su sfondo nero */
#strofe .song-chorus span,
.strofa.att .song-chorus span {
    font-weight: bold;
    color: #e8c040 !important;
}

/* ── Editor: mostra i tag ChordPro visibili solo in modifica ─────────────────
   Nel textarea il testo mostra {sov}{eov}{soc}{eoc} come testo normale.
   Aggiungiamo un hint visivo nel form. ─────────────────────────────────────── */

/* Hint tag ChordPro sotto il textarea */
.chordpro-hint {
    font-size: 0.78rem;
    color: var(--text-muted, #888);
    margin-top: 4px;
    line-height: 1.6;
}
.chordpro-hint code {
    background: var(--bg2, #f0ead8);
    padding: 1px 5px;
    border-radius: 3px;
    font-family: monospace;
    font-size: 0.85em;
    color: var(--primary, #2c5f8a);
}
.chordpro-tag-chorus { color: #a07800; font-weight: bold; }
.chordpro-tag-verse  { color: #555; }

/* ── Leggio: stile ritornello ────────────────────────────────────────────── */
.leggio-chorus {
    border-left: 3px solid #e8c040;
    padding-left: 10px;
    margin: 8px 0;
    background: rgba(232, 192, 64, 0.06);
    border-radius: 0 4px 4px 0;
}
.leggio-chorus::before {
    content: 'Ritornello';
    display: block;
    font-size: 0.6em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #e8c040;
    margin-bottom: 4px;
    opacity: 0.8;
}
.riga-chorus .sillaba-testo {
    font-weight: bold !important;
    color: #e8c040 !important;
}
.riga-chorus .accordo-sopra {
    color: #e8c040 !important;
}

.song-comment { font-size:.82rem; font-weight:700; color:var(--text-light,#888); margin:.5rem 0 .2rem; text-transform:uppercase; letter-spacing:.05em; display:block; }
.song-comment-italic { font-size:.82rem; font-style:italic; color:var(--text-light,#888); margin:.5rem 0 .2rem; display:block; }
.song-comment-box { font-size:.82rem; font-weight:600; color:var(--primary,#2c5f8a); background:var(--bg2,#f0ead8); border:1px solid var(--border,#d0c8bc); border-radius:4px; padding:3px 8px; margin:.5rem 0 .2rem; display:inline-block; }
.leggio-comment { font-size:.6em; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#888; margin:.4em 0 .1em; display:block; }