/* EMTI Lyrics Modal Universal (Compat) - fixes for NEW modal: .emti-mm-lyrics-modal
   - removes empty space above lyrics
   - keeps font-size toggle working
   - increases each step by at least +2 px
*/

.emti-mm-lyrics-modal .emti-mm-lyrics-panel{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  max-height:82vh !important;
}

/* Actions / Hint sollen nicht "Luft" erzeugen */
.emti-mm-lyrics-modal .emti-mm-lyrics-actions,
.emti-mm-lyrics-modal .emti-mm-lyrics-hint{
  flex:0 0 auto !important;
}

/* Body nimmt den Rest und startet direkt unter den Controls */
.emti-mm-lyrics-modal .emti-mm-lyrics-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;

  height:auto !important;
  max-height:none !important;

  margin-top:10px !important;
  padding-top:0 !important;

  position:relative !important;
  top:auto !important;
  bottom:auto !important;
}

/* Falls im Body oben riesiges Padding steckt (oft der Grund fuer das "leere Feld") */
.emti-mm-lyrics-modal .emti-mm-lyrics-body > *:first-child{
  margin-top:0 !important;
}

/* Lyrics: umbrechen, gut lesbar */
.emti-mm-lyrics-modal .emti-mm-lyrics-body pre{
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  line-height:1.62 !important;
  margin-top:0 !important;
}

/* Schriftgroessen: Wir setzen NUR ueber data-emtilm-font,
   damit das Toggle (egal wie EMTI-MM intern schaltet) immer funktioniert.
   EMTILM JS setzt data-emtilm-font automatisch auf s/m/l.
*/
.emti-mm-lyrics-modal[data-emtilm-font="s"] .emti-mm-lyrics-body,
.emti-mm-lyrics-modal[data-emtilm-font="s"] .emti-mm-lyrics-body pre{
  font-size:12px !important; /* typischerweise vorher 14px */
}

.emti-mm-lyrics-modal[data-emtilm-font="m"] .emti-mm-lyrics-body,
.emti-mm-lyrics-modal[data-emtilm-font="m"] .emti-mm-lyrics-body pre{
  font-size:16px !important; /* typischerweise vorher 16px */
}

.emti-mm-lyrics-modal[data-emtilm-font="l"] .emti-mm-lyrics-body,
.emti-mm-lyrics-modal[data-emtilm-font="l"] .emti-mm-lyrics-body pre{
  font-size:20px !important; /* typischerweise vorher 18px */
}