/* ChordPro Styles for Song Display */
/* Styles for ChordSheetJS HtmlTableFormatter output */

/* Container for ChordPro rendered content */
.chordpro-container {
    font-family: 'Courier New', Consolas, monospace;
    font-size: 14px;
    line-height: 1.4;
    padding: 0.5rem;
}

/* ChordSheetJS HtmlTableFormatter styles */
.chord-sheet {
    border-collapse: collapse;
    border-spacing: 0;
}

.chord-sheet .paragraph {
    margin-bottom: 1rem;
}

.chord-sheet .row {
    display: table-row;
}

.chord-sheet .column {
    display: table-cell;
    padding: 0 2px;
    vertical-align: bottom;
}

/* Chord styling - above lyrics */
.chord-sheet .chord,
.chord-sheet .chord:not(:empty) {
    color: var(--mud-palette-primary);
    font-weight: bold;
    font-size: 0.95em;
    padding-bottom: 2px;
    white-space: nowrap;
}

/* Lyrics styling */
.chord-sheet .lyrics {
    white-space: pre;
}

/* Comment/section labels */
.chord-sheet .comment {
    font-style: italic;
    color: var(--mud-palette-text-secondary);
    margin: 0.75rem 0 0.5rem 0;
    font-weight: 600;
}

/* Chorus section */
.chord-sheet .chorus {
    border-left: 3px solid var(--mud-palette-primary);
    padding-left: 1rem;
    margin-left: 0.5rem;
    background: rgba(var(--mud-palette-primary-rgb), 0.03);
}

/* Verse section */
.chord-sheet .verse {
    margin-bottom: 1rem;
}

/* Empty line handling */
.chord-sheet .empty-line,
.chord-sheet .row:empty {
    height: 0.75em;
}

/* Tab/chord diagram sections */
.chord-sheet .tab {
    font-family: 'Courier New', Consolas, monospace;
    white-space: pre;
    background: rgba(0, 0, 0, 0.03);
    padding: 0.5rem;
    border-radius: 4px;
    margin: 0.5rem 0;
}

/* Section labels */
.section-label {
    font-weight: bold;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
    margin: 1rem 0 0.5rem 0;
    font-size: 0.9em;
}

/* Fallback styles */
.chordpro-lyrics {
    white-space: pre-wrap;
    margin: 0;
    font-family: inherit;
    line-height: 1.8;
}

.chordpro-lyrics .chord {
    color: var(--mud-palette-primary);
    font-weight: bold;
}

/* Print-friendly styles */
@media print {
    .chordpro-container,
    .chord-sheet {
        background: white;
        padding: 0;
    }

    .chord-sheet .chord {
        color: #1976d2;
    }

    .chord-sheet .chorus {
        border-left-color: #1976d2;
        background: transparent;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .chord-sheet .chorus {
        background: rgba(var(--mud-palette-primary-rgb), 0.08);
    }
}