/* Antipp-Kasten für Sonderbestellungen (Weckmann / Boden / Kuchen) – gemeinsam für die Filial-Seite (s.html) und das Büro (sonder.html).
   Erwartet die Farbvariablen --braun --rand --rand-stark --karte --grau --rot --akzent-soft --gruen --warm --warm-soft (s.html setzt sie selbst, sonder.html bildet sie auf hs.css ab). */
.antipp label { display: block; font-size: 15px; font-weight: 700; color: var(--grau); margin: 12px 0 4px; }
.antipp label small { font-weight: 500; }
.antipp label .wahl { color: var(--braun); font-weight: 800; margin-left: 6px; }
.antipp .chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0; }
.antipp .chips button { font: inherit; font-size: 17px; font-weight: 700; padding: 9px 8px; border-radius: 12px; border: 2px solid var(--rand); background: var(--karte); color: var(--text); min-width: 84px; text-align: center; line-height: 1.15; cursor: pointer; }
.antipp .chips button b { display: block; font-size: 15px; } .antipp .chips button small { display: block; font-size: 12.5px; color: var(--grau); font-weight: 500; margin-top: 1px; }
.antipp .chips button.aktiv { background: var(--braun); border-color: var(--braun); color: #fff; } .antipp .chips button.aktiv small { color: #dbe7f5; }
.antipp .chips.kuchen, .antipp .chips.sort { max-height: 250px; overflow: auto; padding: 2px; border: 1px solid var(--rand); border-radius: 10px; background: var(--karte); }
.antipp .chips.kuchen button, .antipp .chips.sort button { min-width: 0; font-size: 16px; font-weight: 700; padding: 8px 10px; }
.antipp .pos { display: flex; align-items: center; gap: 8px; background: var(--akzent-soft); border: 2px solid var(--rand); border-radius: 12px; padding: 7px 7px 7px 12px; margin: 6px 0 0; font-size: 18px; font-weight: 700; }
.antipp .pos .t { flex: 1; } .antipp .pos .p { white-space: nowrap; color: var(--braun); } .antipp .pos .p small { font-size: 13px; font-weight: 600; color: var(--grau); }
.antipp .pos button { font: inherit; font-size: 22px; line-height: 1; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--rand); background: var(--karte); color: var(--rot); cursor: pointer; }
.antipp .atabs { display: flex; gap: 8px; margin-top: 8px; }
.antipp .atabs button { flex: 1; font: inherit; font-size: 17px; font-weight: 800; padding: 12px 6px; border-radius: 12px; border: 2px dashed var(--braun); background: var(--karte); color: var(--braun); cursor: pointer; }
.antipp .atabs button.aktiv { background: var(--braun); color: #fff; border-style: solid; }
.antipp .wpick { margin-top: 8px; border: 2px solid var(--braun); border-radius: 14px; padding: 2px 12px 12px; background: var(--akzent-soft); }
.antipp .wpick input[type=text] { width: 100%; font: inherit; font-size: 18px; padding: 10px 12px; margin-top: 2px; border: 2px solid var(--rand); border-radius: 12px; background: var(--karte); color: var(--text); -webkit-appearance: none; appearance: none; }
.antipp .wpick input[type=text]:focus { outline: none; border-color: var(--braun); }
.antipp .anz { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.antipp .anz button { font: inherit; font-size: 28px; font-weight: 800; width: 60px; height: 54px; border-radius: 12px; border: 2px solid var(--rand); background: var(--karte); color: var(--braun); cursor: pointer; }
.antipp .anz input { width: 96px; text-align: center; font: inherit; font-size: 26px; font-weight: 800; padding: 8px; border: 2px solid var(--rand); border-radius: 12px; background: var(--karte); color: var(--text); }
.antipp .wvor { margin-top: 10px; font-size: 17px; font-weight: 700; min-height: 24px; color: var(--braun); }
.antipp .wakt { display: flex; gap: 8px; margin-top: 8px; }
.antipp .wakt button { font: inherit; font-size: 19px; font-weight: 800; padding: 13px; border-radius: 12px; border: 0; cursor: pointer; }
.antipp .wakt .wok { flex: 1; background: var(--braun); color: #fff; } .antipp .wakt .wok:disabled { opacity: .45; }
.antipp .wakt .wzu { flex: 0 0 auto; background: var(--karte); color: var(--braun); border: 2px solid var(--braun); }
.antipp .leer { text-align: center; color: var(--grau); padding: 10px; font-size: 16px; }
/* Tages-/Uhrzeit-Knöpfe + Kalender (gleiches Bild wie auf der Filial-Seite) */
.antipp .chips button:disabled { opacity: .35; }
.antipp .chips.std button { min-width: 52px; padding: 9px 4px; } .antipp .chips.min button { min-width: 66px; }
.antipp .kal { margin-top: 8px; border: 2px solid var(--rand); border-radius: 12px; padding: 8px 10px 10px; background: var(--akzent-soft); }
.antipp .kal .mname { font-weight: 800; margin: 6px 0 6px; } .antipp .kal .mgrid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.antipp .kal .wt { font-size: 12px; color: var(--grau); text-align: center; font-weight: 700; }
.antipp .kal button { font: inherit; font-size: 16px; font-weight: 600; padding: 9px 0; border-radius: 10px; border: 2px solid transparent; background: var(--karte); color: var(--text); cursor: pointer; }
.antipp .kal button.heute { border-color: var(--rand-stark); } .antipp .kal button.aktiv { background: var(--braun); color: #fff; } .antipp .kal button:disabled { opacity: .3; }
/* Sperrhinweis unter den Tages-/Stundenknöpfen (Annahmeschluss, Weckmann ab 1 kg) */
.antipp .sperr, .chips .sperr { flex-basis: 100%; font-size: 14px; font-weight: 700; color: var(--rot); margin-top: 2px; }