/* Cifras — chord rendering */

:root {
  --song-font-size: 0.95rem;
}

.song-content {
  font-family: 'Courier New', Courier, monospace;
  font-size: var(--song-font-size);
}

/* Lines that contain chords: inline-block segments stacked chord above lyric */
.chord-line {
  display: block;
  margin-bottom: 0.3em;
}

/* Lines with no chords: plain text */
.lyric-only {
  display: block;
  white-space: pre;
  line-height: 1.5;
}

/* Each chord+syllable block */
.chord-segment {
  display: inline-block;
  vertical-align: bottom;
}

.chord-name {
  display: block;
  color: #0d6efd;
  font-weight: 700;
  white-space: pre;
  line-height: 1.4;
  font-size: 0.9em;
}

.lyric-text {
  display: block;
  white-space: pre;
  line-height: 1.5;
}

/* Dark mode chord color */
[data-bs-theme="dark"] .chord-name {
  color: #63b3ed;
}

/* Multi-column layout */
.song-content[data-columns="2"] { column-count: 2; column-gap: 2rem; }
.song-content[data-columns="3"] { column-count: 3; column-gap: 1.5rem; }
.song-content[data-columns="4"] { column-count: 4; column-gap: 1rem; }

/* Presentation mode */
body.presentation-mode {
  background: #1a1a2e;
  color: #eaeaea;
}
body.presentation-mode .chord-name {
  color: #63b3ed;
}
body.presentation-mode .song-content {
  font-size: 1.4rem;
}

/* Print */
@media print {
  nav, .btn, .no-print { display: none !important; }
  .song-content { font-size: 0.85rem; }
  .chord-name { color: #000; }
  .page-break { page-break-before: always; }
}