/* Override nostri sul tema (style.css resta com'è uscito da WordPress). */

/* Card portfolio: il nome della coppia deve restare dentro la card a ogni larghezza.
   Il font scala con la larghezza della card (container query), il padding si riduce
   sulle card strette, e il nome può andare a capo dopo "&" (vedi couple-name.html). */
.portfolio .square-flip {
  container-type: inline-size;
}
.portfolio .square h4 {
  display: inline-block; /* come l'inline-flex del tema: allineato a destra nel box */
  max-width: 100%;
  text-align: right;
  font-size: clamp(22px, 8.6cqi, 32px);
  overflow-wrap: anywhere; /* ultima difesa per nomi lunghissimi */
}
@container (max-width: 380px) {
  .portfolio .square-container {
    padding: 25px;
  }
}