/* ============================================================
   ukulele-chords.css
   Diagrammes d'accords ukulélé — Sucrepop
   À placer dans : bl-themes/blogx/css/
   ============================================================ */

.uke-chord {
  display:        inline-block;
  vertical-align: middle;
  margin:         0 2px;
  text-align:     center;
  font-family:    system-ui, sans-serif;
}

.uke-chord svg {
  display: block;
  overflow: visible;
}

/* Nom de l'accord au-dessus du diagramme */
.uke-chord-name {
  display:       block;
  font-size:     9px;
  font-weight:   600;
  color:         #333;
  margin-bottom: 2px;
  line-height:   1;
  text-align:    center;
}

/* Accord non trouvé dans la bibliothèque */
.uke-chord-unknown {
  display:        inline-block;
  vertical-align: middle;
  font-family:    monospace;
  font-weight:    bold;
  color:          #c0392b;
  font-size:      0.85em;
  border:         1px dashed #c0392b;
  border-radius:  3px;
  padding:        1px 4px;
  margin:         0 2px;
}