/* Minimaler Zusatzstil – UIkit macht den Rest */

/* Auswahl-Karte (Bild + Label) */
.tbo-choice { cursor: pointer; }
.tbo-choice img { width: 120px; height: 120px; object-fit: cover; }

/* Markierung der gewählten Optionen:
   UIkit-Variante: auf .selected schalten wir uk-card-primary + uk-light */
.tbo-choice.selected {}

/* Optional: Badge im Kartentitel */
.tbo-badge {
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:999px; font-weight:700;
  background:#eef3ff; color:#1d4ed8;
}

/* Übersichtsbox im Step 2 */
.tbo-summary .tbo-line { margin: 4px 0; }

/* Roter Fokus für fehlende Abholzeit */
#tbo-pickup-card.tbo-missing-pickup {
  border: 2px solid rgba(220,53,69,.4);
  box-shadow: inset 0 0 0 3px rgba(220,53,69,.08);
}
#tbo-pickup-card.tbo-missing-pickup .uk-card-title {
  color: #dc3545; /* rot */
}

/* Bereits vorhanden? Dann belassen: Markierung fehlender Burger-Auswahl */
.tbo-missing { box-shadow: 0 0 0 3px rgba(220, 53, 69, .35) inset; }

/* fehlende Abholzeit */
#tbo-pickup-card.tbo-missing-pickup {
  border: 2px solid rgba(220,53,69,.4);
  box-shadow: inset 0 0 0 3px rgba(220,53,69,.08);
}
#tbo-pickup-card.tbo-missing-pickup .uk-card-title { color: #dc3545; }
/* fehlende Burger-Auswahl */
.tbo-missing { box-shadow: 0 0 0 3px rgba(220, 53, 69, .35) inset; }

#tsv-burger-app .tbo-missing-pickup {
    border: 2px solid #f0506e !important;
    box-shadow: 0 0 0 3px rgba(240,80,110,.12) inset;
}

#tsv-burger-app .uk-form-danger {
    border-color: #f0506e !important;
}

#tsv-burger-app #tbo-first,
#tsv-burger-app #tbo-last,
#tsv-burger-app #tbo-phone,
#tsv-burger-app #tbo-email {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}