/* Stammkunden-Konto und Reservierung auf der Bestellseite (Meistertreue, Fassung KO-1-2026-10-24). Ergänzt bestellen.css; Farben aus den
   Hausfarben des Betriebs (Variablen aus /bestellen/{kennung}/farben.css). Präfix ko-. */

.ko-nav{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin:.75rem 0 0;padding:0}
.ko-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .9rem;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:999px;color:inherit;font-weight:600;font-size:.95rem;text-decoration:none}
.ko-nav a:hover,.ko-nav a:focus-visible{background:color-mix(in srgb,currentColor 14%,transparent)}

.ko-karte{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.15rem;margin:0 0 1rem;box-shadow:var(--schatten)}
.ko-karte h2{font:600 1.2rem/1.25 var(--f-display);margin:0 0 .6rem}
.ko-form{margin:.75rem 0}
.ko-form .bs-feld{margin-bottom:.8rem}
.ko-inline{display:inline-block;margin:0}
.ko-klein{min-height:40px;padding:.3rem .8rem;font-size:.92rem}
.ko-datenschutz{margin-top:1rem;font-size:.9rem}

.ko-liste{list-style:none;margin:0;padding:0}
.ko-liste li{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;padding:.65rem 0;border-top:1px solid var(--line)}
.ko-liste li:first-child{border-top:0}
.ko-aktionen{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center}

/* Herz-Knopf an den Artikeln der Bestellseite */
.ko-herz{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);cursor:pointer;padding:0}
.ko-herz svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.ko-herz:hover,.ko-herz:focus-visible{color:var(--fehler);border-color:var(--fehler)}
.ko-herz[aria-pressed="true"]{color:var(--fehler);border-color:var(--fehler)}
.ko-herz[aria-pressed="true"] svg{fill:currentColor}
.bs-artikel{position:relative}
.bs-artikel .bs-artikel-kopf{padding-right:3.2rem}

.ko-standard{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.ko-banner{background:var(--p-zart);border:1px solid var(--line);border-radius:var(--r);padding:.8rem 1rem;margin:0 0 1rem}

@media print{.ko-nav,.ko-herz{display:none}}