/* The Song remains a single <pre> so existing transpose keeps its source text. */
.field--name-field-teksta-i-akordi pre .ame-song-embed {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 15px 0;
  padding: 12px;
  border: 1px solid #dedede;
  border-left: 3px solid #c51d2a;
  border-radius: 6px;
  background: #fff;
  color: #252525;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  white-space: normal;
  line-height: 1.4;
  text-align: left;
}
.ame-song-embed-heading {font-weight: 700; margin-bottom: 6px; color: #c51d2a;}
.ame-song-embed-scroll {overflow-x: auto; max-width: 100%;}
.ame-song-embed-svg {display: block; max-width: none; background: #fff;}
.ame-song-embed-actions {display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px;}
.field--name-field-teksta-i-akordi .ame-song-embed-actions button {
  background: #c51d2a !important; color: #fff !important; border: 0 !important;
  padding: 6px 12px; border-radius: 5px; cursor: pointer; font-size: 12px;
}
.ame-song-embed-feedback {font-size: 12px; color: #a51520;}
@media print {
  .ame-song-embed {break-inside: avoid; border: 0 !important; padding: 0 !important;}
  .ame-song-embed-scroll {overflow: visible;}
  .ame-song-embed-svg {max-width: 100%; width: 100%; height: auto;}
  .ame-song-embed-actions {display: none !important;}
}
/* v0.2.3 compact tablature with optional staff */
.field--name-field-teksta-i-akordi pre .ame-song-embed {
  margin: 9px 0;
  padding: 8px 10px;
}
.ame-song-embed-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:3px}
.field--name-field-teksta-i-akordi .ame-song-embed-heading .ame-notation-toggle {
  background:transparent!important;color:#a51520!important;border:1px solid #ddd!important;
  border-radius:4px;padding:3px 8px;font-size:11px;line-height:1.4;cursor:pointer;white-space:nowrap;
}
.field--name-field-teksta-i-akordi .ame-song-embed-heading .ame-notation-toggle:hover {background:#fff1f1!important}
.ame-song-embed-actions {margin-top:4px;gap:6px}
.field--name-field-teksta-i-akordi .ame-song-embed-actions button {padding:4px 9px;font-size:11px}
@media print {.ame-notation-toggle{display:none!important}}

/* v0.2.4: title, playback, and notation visibility in one compact header. */
.field--name-field-teksta-i-akordi pre .ame-song-embed-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
  row-gap: 5px;
  margin-bottom: 5px;
  min-height: 25px;
}
.ame-song-embed-heading > strong {
  flex: 0 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.field--name-field-teksta-i-akordi .ame-song-embed-heading .ame-song-embed-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  margin: 0;
}
.field--name-field-teksta-i-akordi .ame-song-embed-heading .ame-notation-toggle {
  flex: 0 0 auto;
  margin-left: auto;
}
.ame-song-embed-feedback-row:empty {display: none;}
.ame-song-embed-feedback-row:has(.ame-song-embed-feedback:empty) {display: none;}
.ame-song-embed-feedback-row:not(:has(.ame-song-embed-feedback:empty)) {margin-top: 4px;}
@media (max-width: 460px) {
  .field--name-field-teksta-i-akordi pre .ame-song-embed-heading {
    column-gap: 6px;
  }
  .field--name-field-teksta-i-akordi .ame-song-embed-heading .ame-notation-toggle {
    margin-left: 0;
  }
}
@media print {
  .ame-song-embed-heading .ame-song-embed-actions,
  .ame-song-embed-feedback-row {display: none !important;}
}

/* v0.3.6: playback-follow highlight, independent from note selection. */
.ame-play-marker { fill: #ffe8a3; stroke: #d18a00; stroke-width: 1.5; opacity: 0; transition: opacity .09s linear; }
.ame-play-marker.ame-is-playing { opacity: .85; }
@media print { .ame-play-marker { display: none !important; } }
