/* Lieferdienst mit Touren (Welle 2, Prompt 217). Präfix lf-. Farben nur aus den vorhandenen Tokens des Siegels bzw. der Hausfarben. */

/* Bestellseite: Wahl Abholung/Lieferung und Lieferzeit */
.lf-wahl-optionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}
.lf-wahl-option{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border:2px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;min-height:56px}
.lf-wahl-option input{margin:0}
.lf-plz-ort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.8rem}
@media (max-width:520px){.lf-plz-ort{grid-template-columns:minmax(0,1fr)}}
.lf-lieferzeit .bs-tag-titel{margin-top:.2rem}

/* Betriebsbereich: Lieferdienst-Einstellungen und Touren */
.lf-tour-liste{display:grid;gap:.5rem;padding:0;margin:0;list-style:none}
.lf-tour-liste li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.lf-tour-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem .8rem;align-items:center;min-width:0}
.lf-tour-zeile .lf-tour-wann{font-weight:700;overflow-wrap:anywhere}

/* Fahrerliste: eine Karte je Lieferung, ohne waagerechtes Scrollen am Handy */
.lf-fahrt{display:grid;gap:1rem;min-width:0}
.lf-tour{display:grid;gap:.6rem;min-width:0}
.lf-tour h2{font-size:1.05rem;margin:0}
.lf-karte{display:grid;gap:.45rem;padding:.8rem .9rem;border:1px solid var(--line);border-left:5px solid var(--gruen,#0B2519);border-radius:10px;background:var(--surface);min-width:0;overflow-wrap:anywhere}
.lf-karte.lf-ist-geliefert{border-left-color:var(--gold,#C9A227);background:var(--creme,#f7f3e8)}
.lf-karte-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem .6rem;align-items:baseline}
.lf-karte-kopf strong{font-size:1rem}
.lf-karte dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .6rem;margin:0}
.lf-karte dt{color:var(--muted);font-size:.9rem}
.lf-karte dd{margin:0;min-width:0}
.lf-haken{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.lf-haken form{margin:0}
.lf-haken button{min-height:44px;padding:.4rem .9rem;border-radius:10px;border:2px solid var(--gruen,#0B2519);background:var(--surface);color:var(--gruen,#0B2519);font:inherit;font-weight:700;cursor:pointer}
.lf-haken button.lf-ist-geliefert{background:var(--gruen,#0B2519);color:#fff}
.lf-hinweis{font-size:.9rem;color:var(--muted)}