/* chill in Frühstück – Bestellformular */
.chillin-bf {
	--bf-green: var(--wp--preset--color--tannengruen, #183325);
	--bf-green2: var(--wp--preset--color--waldgruen, #354933);
	--bf-beige: var(--wp--preset--color--beige, #F3E6CB);
	--bf-cream: var(--wp--preset--color--creme, #F7F0E1);
	--bf-ink: var(--wp--preset--color--tinte, #24302A);
	--bf-muted: var(--wp--preset--color--grau, #4B5550);
	--bf-coral: var(--wp--preset--color--koralle, #EC6644);
	--bf-cinnamon: var(--wp--preset--color--zimt, #965125);
	--bf-line: var(--wp--preset--color--linie, #DCCDAE);
	--bf-radius: 18px;
	color: var(--bf-ink);
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 1200px;
	margin-inline: auto;
}
.chillin-bf * { box-sizing: border-box; }
.chillin-bf__form { display: flex; flex-direction: column; gap: 2.5rem; }
.chillin-bf__h { font-family: var(--wp--preset--font-family--domine, Georgia, serif); font-weight: 700; font-size: clamp(1.5rem, 1.25rem + 1.1vw, 2.1rem); color: var(--bf-green); margin: 0 0 1rem; line-height: 1.15; padding: 0; }
.chillin-bf__group { display: flex; flex-direction: column; }

/* Produkte */
.chillin-bf__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.chillin-bf__items--sackerl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 1000px) {
	.chillin-bf__items--kiste .chillin-bf-item { flex-direction: row; }
	.chillin-bf__items--kiste .chillin-bf-item__img { width: 42%; aspect-ratio: auto; min-height: 100%; }
}
@media (max-width: 900px) { .chillin-bf__items--sackerl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .chillin-bf__items, .chillin-bf__items--sackerl { grid-template-columns: 1fr; } }
.chillin-bf-item { background: #fff; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); overflow: hidden; display: flex; flex-direction: column; transition: border-color .15s, box-shadow .15s; }
.chillin-bf-item.is-selected { border-color: var(--bf-coral); box-shadow: 0 0 0 2px var(--bf-coral); }
.chillin-bf-item__img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.chillin-bf-item__body { padding: 1.1rem 1.25rem 1.25rem; display: flex; flex-direction: column; gap: .6rem; flex: 1; }
.chillin-bf-item__title { font-family: var(--wp--preset--font-family--domine, Georgia, serif); font-size: 1.25rem; line-height: 1.25; margin: 0; color: var(--bf-green); }
.chillin-bf-item__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; }
.chillin-bf-tag { font-size: .8rem; font-weight: 500; padding: .2rem .65rem; border-radius: 999px; background: var(--bf-green); color: var(--bf-beige); }
.chillin-bf-tag--line { background: transparent; color: var(--bf-green2); border: 1px solid var(--bf-green2); }
.chillin-bf-item__contents summary { cursor: pointer; font-size: .9rem; font-weight: 600; color: var(--bf-cinnamon); }
.chillin-bf-item__contents dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .3rem .8rem; margin: .6rem 0 0; font-size: .88rem; line-height: 1.4; }
.chillin-bf-item__contents dt { font-weight: 600; color: var(--bf-cinnamon); }
.chillin-bf-item__contents dd { margin: 0; }
.chillin-bf-item__contents dd.is-full { grid-column: 1 / -1; }
.chillin-bf-item__buy { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--bf-line); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.chillin-bf-item__price { font-family: var(--wp--preset--font-family--domine, Georgia, serif); font-weight: 700; font-size: 1.35rem; color: var(--bf-green); font-variant-numeric: tabular-nums; }

/* Mengenwähler */
.chillin-bf-qty { display: inline-flex; align-items: center; border: 2px solid var(--bf-green); border-radius: 999px; overflow: hidden; }
.chillin-bf-qty__btn { width: 44px; height: 44px; border: 0; background: transparent; color: var(--bf-green); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.chillin-bf-qty__btn:hover { background: var(--bf-beige); }
.chillin-bf-qty__input { width: 44px; height: 44px; border: 0; text-align: center; font: 600 1.1rem/1 inherit; color: var(--bf-green); background: transparent; -moz-appearance: textfield; appearance: textfield; }
.chillin-bf-qty__input::-webkit-outer-spin-button, .chillin-bf-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Bestellbereich */
.chillin-bf__panel { background: #fff; border: 1px solid var(--bf-line); border-radius: var(--bf-radius); padding: clamp(1.25rem, 3vw, 2.25rem); display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2rem 2.5rem; }
.chillin-bf__days, .chillin-bf__contact { border: 0; margin: 0; padding: 0; min-width: 0; }
.chillin-bf__help { margin: -.4rem 0 1rem; color: var(--bf-muted); font-size: .95rem; }
.chillin-bf__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chillin-bf-chip { position: relative; }
.chillin-bf-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.chillin-bf-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem .95rem; border-radius: 999px; border: 2px solid var(--bf-line); background: var(--bf-cream); font-weight: 500; font-variant-numeric: tabular-nums; cursor: pointer; white-space: nowrap; }
.chillin-bf-chip input:checked + span { background: var(--bf-green); border-color: var(--bf-green); color: var(--bf-beige); }
.chillin-bf-chip input:focus-visible + span { outline: 3px solid var(--wp--preset--color--tuerkis, #59BEB8); outline-offset: 2px; }
.chillin-bf__cutoff { margin: 1rem 0 0; font-size: .9rem; color: var(--bf-cinnamon); font-weight: 600; }
.chillin-bf__contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 1rem; align-content: start; }
.chillin-bf-field { display: flex; flex-direction: column; gap: .3rem; font-size: .9rem; font-weight: 600; color: var(--bf-green); }
.chillin-bf-field--full, .chillin-bf-consent { grid-column: 1 / -1; }
.chillin-bf-field input, .chillin-bf-field select, .chillin-bf-field textarea { font: 400 1rem/1.4 inherit; color: var(--bf-ink); padding: .65rem .8rem; border: 1px solid #b9ad94; border-radius: 10px; background: #fff; min-height: 44px; width: 100%; }
.chillin-bf-field input:focus, .chillin-bf-field select:focus, .chillin-bf-field textarea:focus { outline: 3px solid var(--wp--preset--color--tuerkis, #59BEB8); outline-offset: 1px; border-color: var(--bf-green); }
.chillin-bf-consent { display: flex; gap: .6rem; align-items: flex-start; font-size: .9rem; line-height: 1.45; }
.chillin-bf-consent input { width: 20px; height: 20px; margin-top: 1px; flex: none; accent-color: var(--bf-green); }
.chillin-bf-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.chillin-bf__summary { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; padding-top: 1.5rem; border-top: 1px solid var(--bf-line); }
.chillin-bf__sum { display: flex; flex-direction: column; margin-right: auto; }
.chillin-bf__sum-label { font-size: .85rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bf-muted); }
.chillin-bf__sum-total { font-family: var(--wp--preset--font-family--domine, Georgia, serif); font-size: 2rem; color: var(--bf-green); font-variant-numeric: tabular-nums; line-height: 1.1; }
.chillin-bf__sum-detail { font-size: .9rem; color: var(--bf-muted); }
.chillin-bf__pay { min-height: 52px; padding: .8rem 2rem; border: 0; border-radius: 999px; background: var(--bf-coral); color: var(--bf-green); font: 600 1.1rem/1 var(--wp--preset--font-family--outfit, inherit); cursor: pointer; }
.chillin-bf__pay:hover { background: #F07B5D; }
.chillin-bf__pay:disabled { opacity: .7; cursor: wait; }
.chillin-bf__secure { flex-basis: 100%; margin: 0; font-size: .85rem; color: var(--bf-muted); }
.chillin-bf__error { flex-basis: 100%; margin: 0; padding: .8rem 1rem; border-radius: 10px; background: #FBE3DC; color: #7a2a17; font-weight: 600; }
.chillin-bf__error[hidden] { display: none; }

/* Meldungen nach der Zahlung */
.chillin-bf__status { border-radius: var(--bf-radius); padding: 1.5rem 1.75rem; }
.chillin-bf__status h2 { font-family: var(--wp--preset--font-family--domine, Georgia, serif); margin: 0 0 .4rem; font-size: 1.6rem; color: inherit; }
.chillin-bf__status p { margin: 0; }
.chillin-bf__status--ok { background: var(--bf-green); color: var(--bf-beige); }
.chillin-bf__status--ok h2 { color: var(--bf-beige); }
.chillin-bf__status--info { background: var(--bf-beige); color: var(--bf-green); }
.chillin-bf__orderno { margin-top: .6rem !important; opacity: .85; font-size: .9rem; }
.chillin-bf__notice { padding: 1.25rem; background: var(--bf-beige); border-radius: var(--bf-radius); }

@media (max-width: 860px) {
	.chillin-bf__panel { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
	.chillin-bf__contact { grid-template-columns: 1fr; }
	.chillin-bf__pay { width: 100%; }
}
.chillin-booking { width: 100%; min-height: 520px; }
.chillin-booking #hos-house-widget, .chillin-booking #hos-house-widget > * { width: 100% !important; max-width: 100% !important; }