/* Grundlayout für Menüzeilen */
.menu-day { margin: 18px 0 26px; }
.menu-day-title { font-weight: 700; font-size: 1.1em; margin: 0 0 10px; }

.menu-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:5px;
  margin:6px 0;
  line-height:1.45;
  flex-wrap: nowrap;          /* niemals umbrechen */
}

/* Linke Spalte darf wirklich schrumpfen/umbrechen */
.menu-item{
  flex:1 1 auto;
  min-width:0;                /* wichtig: sonst schiebt sie den Preis weg */

}

/* Preis immer in einer Zeile, mit genügend Breite */
.menu-price{
  flex:0 0 auto;
  white-space:nowrap;         /* € und Zahl bleiben zusammen */
  text-align:right;
  min-width:90px;             /* bei Bedarf 80px wählen */
  font-variant-numeric:tabular-nums; /* saubere Spaltenausrichtung */
}

/* Optional */
.menu-day + .menu-day{ border-top:1px solid rgba(0,0,0,.08); padding-top:18px; }
.menu-note{ opacity:.85; font-style:italic; }

/* Nur für das Überraschungsmenü */
.menu-surprise .menu-row{
  display: grid;
  grid-template-columns: 1fr minmax(84px, max-content); /* Preis-Spalte breit genug */
  column-gap: 8px;                                      /* Abstand Text ↔ Preis */
  align-items: baseline;
  margin: 6px 0;
  line-height: 1.45;
  /* falls WPBakery  um die Inhalte baut, verhindern wir Umbrüche durch Wrapper */
}
.menu-surprise .menu-row p{ display: contents; }  /* wichtig bei WPBakery--Wraps */

.menu-surprise .menu-item{
  min-width: 0;                 /* linker Text darf schrumpfen/umbrechen */
  overflow-wrap: anywhere;
}
.menu-surprise .menu-price{
  white-space: nowrap;          /* niemals umbrechen (auch nicht bei 105) */
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Wenn es noch knapper ist (sehr schmale Viewports), notfalls Spalte etwas größer: */
/* .menu-surprise .menu-row{ grid-template-columns: 1fr minmax(92px, max-content); } */


/* Kompaktere Abstände NUR im Überraschungsmenü */
.menu-surprise .menu-day-title{
  margin: 0 0 6px;            /* Überschrift enger */
}

.menu-surprise > p{
  margin: 4px 0 8px;          /* Einleitung enger */
  line-height: 1.35;          /* etwas dichter */
}

/* Reihen (3/4/5 Gänge) enger setzen */
.menu-surprise .menu-row{
  margin: 2px 0;              /* vorher 6px */
  line-height: 1.28;          /* vorher 1.45 */
  column-gap: 6px;            /* falls Grid verwendet wird; gern 4–8px */
}

/* Vorsichtshalber: gleiche Zeilenhöhe in beiden Spalten */
.menu-surprise .menu-item,
.menu-surprise .menu-price{
  line-height: inherit;
}

/* Falls WPBakery  in .menu-row erzeugt: keine Extramargen */
.menu-surprise .menu-row p{
  display: contents;
  margin: 0;
}



.menu-drinks .menu-row { 
    display: flex; justify-content: space-between; 
align-items: flex-start; gap: 8px; 
/* engerer Abstand */ margin: 4px 0; line-height: 1.45; } 

.menu-drinks .menu-price { 
    white-space: nowrap; 
    text-align: right; 
    min-width: 40px; 
    /* enger als bei Speisen */ 
    
}


.white-text {
  color: #ffffff;
}