/**
 * Meniul QR — rândul denumire + preț.
 * Structura vine gata formată de pe server (vezi credo_qr_dish_row în
 * functions.php), aici doar o așezăm: denumirea la stânga, prețul lipit de
 * marginea din dreapta a coloanei (deci a pozei) și aliniat cu PRIMUL rând
 * al denumirii, chiar dacă aceasta curge pe două rânduri.
 */
.credo-dish-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.credo-dish-name {
  flex: 1 1 auto;
  min-width: 0;
  /* P18 — un cuvânt nu se rupe niciodată la mijloc („МОРКОВНЫ / Й СУП"):
     dacă nu încape lângă preț, coboară întreg pe rândul următor. */
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

.credo-dish-price {
  flex: 0 0 auto;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Titlul e uneori învelit într-un link (deschide poza mare) — linkul trebuie
   să ocupe toată lățimea, altfel prețul nu ajunge la marginea din dreapta. */
.elementor-heading-title:has(.credo-dish-row),
.elementor-heading-title > a:has(.credo-dish-row) {
  display: block;
  width: 100%;
}