/* ==========================================================================
   Raclette-Schweiz – Oberflächen, die über dem Edelstahl schweben
   Farben, Schriften und Abstände kommen aus theme.json (Website-Editor → Stile).
   ========================================================================== */

:root {
	--rs-ease: var(--wp--custom--ease--float, cubic-bezier(0.2, 0.8, 0.2, 1));
	--rs-r-s: var(--wp--custom--radius--s, 12px);
	--rs-r-m: var(--wp--custom--radius--m, 22px);
	--rs-r-l: var(--wp--custom--radius--l, 36px);
	--rs-float: var(--wp--preset--shadow--schwebend);
	--rs-float-high: var(--wp--preset--shadow--schwebend-hoch);
	--rs-glow: var(--wp--preset--shadow--glut);
	--rs-hairline: rgba(15, 59, 46, 0.12);
	--rs-inset: clamp(0.5rem, 1.4vw, 1.25rem);
	--rs-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6' fill='%23D52B1E'/%3E%3Cpath fill='%23fff' d='M10 5h4v5h5v4h-5v5h-4v-5H5v-4h5z'/%3E%3C/svg%3E");
	--rs-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23092720' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L20.1 8.4 18.7 7z'/%3E%3C/svg%3E");
	--rs-check-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L20.1 8.4 18.7 7z'/%3E%3C/svg%3E");
}

html {
	scroll-padding-top: 120px;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Käsemuster im Hintergrund: Löcher als Kacheln, darüber das Käsegelb mit 95 % Deckung
   (5 % Transparenz) – so scheint das Muster nur ganz leise durch. Die Farbe kommt aus theme.json,
   damit die Stil-Varianten mitspielen. */
:root {
	--rs-cheese: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='%23FFF3CC' stroke-width='5'%3E%3Ccircle cx='52' cy='60' r='24'/%3E%3Ccircle cx='166' cy='36' r='13'/%3E%3Ccircle cx='282' cy='82' r='32'/%3E%3Ccircle cx='104' cy='164' r='17'/%3E%3Ccircle cx='226' cy='190' r='26'/%3E%3Ccircle cx='330' cy='222' r='11'/%3E%3Ccircle cx='52' cy='276' r='30'/%3E%3Ccircle cx='158' cy='306' r='15'/%3E%3Ccircle cx='278' cy='312' r='22'/%3E%3Ccircle cx='136' cy='102' r='8'/%3E%3Ccircle cx='320' cy='146' r='9'/%3E%3Ccircle cx='200' cy='258' r='7'/%3E%3C/g%3E%3Cg fill='%23A8690A'%3E%3Ccircle cx='48' cy='56' r='24'/%3E%3Ccircle cx='162' cy='32' r='13'/%3E%3Ccircle cx='278' cy='78' r='32'/%3E%3Ccircle cx='100' cy='160' r='17'/%3E%3Ccircle cx='222' cy='186' r='26'/%3E%3Ccircle cx='326' cy='218' r='11'/%3E%3Ccircle cx='48' cy='272' r='30'/%3E%3Ccircle cx='154' cy='302' r='15'/%3E%3Ccircle cx='274' cy='308' r='22'/%3E%3Ccircle cx='132' cy='98' r='8'/%3E%3Ccircle cx='316' cy='142' r='9'/%3E%3Ccircle cx='196' cy='254' r='7'/%3E%3C/g%3E%3C/svg%3E");
}

body {
	background-color: var(--wp--preset--color--kaese);
	background-image:
		linear-gradient(color-mix(in srgb, var(--wp--preset--color--kaese) 95%, transparent), color-mix(in srgb, var(--wp--preset--color--kaese) 95%, transparent)),
		var(--rs-cheese);
	background-size: auto, 360px 360px;
}

::selection {
	background: var(--wp--preset--color--tinte);
	color: var(--wp--preset--color--kaese);
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--tinte);
	outline-offset: 3px;
}

.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline-color: var(--wp--preset--color--tanne);
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Template-Teile liegen ohne Lücke aneinander. */
.wp-site-blocks > .rs-main,
.wp-site-blocks > .rs-site-footer {
	margin-block-start: 0;
}

/* --------------------------------------------------------------------------
   Typografie
   -------------------------------------------------------------------------- */

/* Alle Titel: Open Sans Bold (700) in normaler Breite. */
.rs-display {
	font-size: var(--wp--preset--font-size--huge);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

h2.wp-block-heading,
h1.wp-block-heading {
	text-wrap: balance;
}

.rs-lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.45;
	max-width: 38em;
	text-wrap: pretty;
}

.rs-muted {
	color: var(--wp--preset--color--schiefer);
}

/* Überschriften und Links in dunklen Flächen erben die helle Schrift. */
.rs-stage :is(h1, h2, h3, h4),
.is-style-buehne :is(h1, h2, h3, h4),
.rs-site-footer :is(h1, h2, h3, h4),
.rs-dark :is(h1, h2, h3, h4) {
	color: inherit;
}

.rs-stage a:not(.wp-element-button),
.is-style-buehne a:not(.wp-element-button),
.rs-site-footer a:not(.wp-element-button, .rs-dock__btn) {
	color: inherit;
}

/* --------------------------------------------------------------------------
   Buttons – schweben, heben sich beim Überfahren, geben beim Klick nach
   -------------------------------------------------------------------------- */

.wp-element-button,
.wp-block-button__link {
	transition:
		transform 0.4s var(--rs-ease),
		box-shadow 0.4s var(--rs-ease),
		background-color 0.2s ease,
		color 0.2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-3px);
	box-shadow: var(--rs-float-high);
}

.wp-element-button:active,
.wp-block-button__link:active {
	transform: translateY(0) scale(0.98);
	transition-duration: 0.1s;
}

.wp-block-button.is-style-glas .wp-block-button__link {
	background: color-mix(in srgb, currentColor 9%, transparent);
	color: inherit;
	-webkit-backdrop-filter: blur(12px) saturate(1.4);
	backdrop-filter: blur(12px) saturate(1.4);
	box-shadow:
		inset 0 0 0 1.5px color-mix(in srgb, currentColor 40%, transparent),
		0 14px 30px -14px rgba(9, 39, 32, 0.45);
}

.wp-block-button.is-style-glas .wp-block-button__link:hover {
	background: color-mix(in srgb, currentColor 16%, transparent);
	box-shadow:
		inset 0 0 0 1.5px color-mix(in srgb, currentColor 60%, transparent),
		0 22px 40px -16px rgba(9, 39, 32, 0.55);
}

.wp-block-button.is-style-tanne .wp-block-button__link {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	box-shadow: var(--rs-float);
}

.wp-block-button.is-style-tanne .wp-block-button__link:hover {
	background: #C98800;
	box-shadow: var(--rs-float-high);
}

/* Auf käsegelben Flächen: Hauptbutton in dunklerem Käsegelb mit Schatten, damit er sich abhebt. */
:is(.rs-stage, .is-style-buehne, .rs-footer) .wp-block-button:not(.is-style-glas, .is-style-tanne) .wp-block-button__link {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	box-shadow: var(--rs-float);
}

:is(.rs-stage, .is-style-buehne, .rs-footer) .wp-block-button:not(.is-style-glas, .is-style-tanne) .wp-block-button__link:hover {
	background: #C98800;
	box-shadow: var(--rs-float-high);
}

:is(.rs-stage, .is-style-buehne, .rs-footer) ul.is-style-haken li::before {
	background: var(--rs-check-light) center / 72% no-repeat, var(--wp--preset--color--tanne);
}

/* --------------------------------------------------------------------------
   Header – eine Glas-Pille, die über der Seite schwebt
   -------------------------------------------------------------------------- */

.rs-site-header {
	position: sticky;
	top: 0;
	z-index: 90;
	padding: 14px var(--rs-inset) 0;
	pointer-events: none;
}

.admin-bar .rs-site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (max-width: 600px) {
	.admin-bar .rs-site-header {
		top: 0;
	}
}

.rs-header {
	position: relative;
	isolation: isolate;
	pointer-events: auto;
	max-width: 1360px;
	margin-inline: auto;
	padding: 8px 8px 8px 20px;
	border-radius: 999px;
	min-height: 64px;
}

/* Glas-Effekt auf einem Pseudo-Element: So bleibt das mobile Menü (position: fixed) am Bildschirm verankert. */
.rs-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: var(--wp--custom--header--glass);
	-webkit-backdrop-filter: saturate(1.6) blur(18px);
	backdrop-filter: saturate(1.6) blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.75);
	box-shadow: var(--rs-float);
	transition: box-shadow 0.4s var(--rs-ease), background-color 0.4s ease;
}

.rs-scrolled .rs-header::before {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: var(--rs-float-high);
}

.rs-brand .wp-block-site-title {
	white-space: nowrap;
}

.rs-brand:not(:has(.wp-block-site-logo)) .wp-block-site-title a::before {
	content: "";
	display: inline-block;
	width: 1.35em;
	height: 1.35em;
	margin-right: 0.45em;
	vertical-align: -0.28em;
	background: var(--rs-cross) center / contain no-repeat;
}

/* Sieben Menüpunkte (seit 1.4.6 mit «Konfigurator») müssen in einer Zeile bleiben – die Pille
   bricht nie um; unter 1080 px übernimmt das Hamburger-Menü. */
.rs-header .wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.6em 0.75em;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.rs-header .rs-nav .wp-block-navigation__container {
	flex-wrap: nowrap;
}

.rs-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	background: rgba(15, 59, 46, 0.07);
}

.rs-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
}

.rs-header .wp-block-navigation__container {
	gap: 0.15rem;
}

/* Tablets quer (iPad mini hat 1133 px): Die volle Navigation passt nur knapp in die Pille.
   Beschriftungen enger setzen, statt schon hier aufs Hamburger-Menü auszuweichen. */
@media (min-width: 1241px) and (max-width: 1400px) {
	.rs-header .wp-block-navigation .wp-block-navigation-item__content {
		padding: 0.6em 0.45em;
		font-size: 0.92rem;
	}

	.rs-header__actions {
		gap: 0.35rem;
	}
}

@media (min-width: 1081px) and (max-width: 1240px) {
	.rs-header .wp-block-navigation .wp-block-navigation-item__content {
		padding: 0.55em 0.42em;
		font-size: 0.9rem;
	}

	/* Der Anfrage-Knopf hat hier keinen Platz mehr – das schwebende Dock unten rechts bietet ihn weiterhin an. */
	.rs-header .rs-header__cta {
		display: none;
	}

	.rs-header .wp-block-navigation__container {
		gap: 0;
	}

	.rs-header__actions {
		gap: 0.4rem;
	}

	.rs-header__actions .wp-block-button__link {
		padding: 0.8em 1.05em;
		font-size: 0.92rem;
	}
}

/* Hamburger schon unter 1080 px, damit die Pille nicht überläuft. */
@media (max-width: 1080px) {
	.rs-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.rs-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.rs-header .rs-nav {
		order: 3;
	}
}

.rs-header .wp-block-navigation__responsive-container-open,
.rs-header .wp-block-navigation__responsive-container-close {
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: rgba(15, 59, 46, 0.07);
}

.rs-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--gradient--glut) !important;
	color: var(--wp--preset--color--tinte) !important;
	padding: clamp(1.25rem, 5vw, 3rem);
}

.rs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: clamp(1.6rem, 6vw, 2.4rem);
	font-weight: 700;
	padding: 0.2em 0;
}

.rs-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.rs-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content {
	background: none;
	color: var(--wp--preset--color--tinte);
	text-decoration: underline;
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.18em;
}

.rs-header__actions .wp-block-button__link {
	padding: 0.85em 1.35em;
	font-size: 0.975rem;
	white-space: nowrap; /* «Anfrage» darf nie in zwei Zeilen zerfallen. */
}

/* --------------------------------------------------------------------------
   Suche + Sprachsuche
   -------------------------------------------------------------------------- */

.rs-search {
	position: relative;
	display: flex;
	align-items: center;
}

/* Rundes Such-Symbol im Header – passt zu Konto- und Warenkorb-Knopf. */
.rs-search__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 46px;
	padding: 0 12px;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	color: var(--wp--preset--color--tinte);
	background: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float);
	transition: background-color 0.2s ease;
}

.rs-search__toggle:hover {
	background: var(--wp--preset--color--stahl-hell);
}

/* Header: Suchfeld klappt als schwebendes Feld unter dem Symbol auf. */
.rs-search--header .rs-search__form {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 30;
	display: none;
	align-items: center;
	gap: 0.25rem;
	width: min(78vw, 340px);
	padding: 6px 6px 6px 16px;
	background: var(--wp--preset--color--weiss);
	border-radius: 999px;
	box-shadow: var(--rs-float-high);
	box-sizing: border-box;
}

.rs-search--header.is-open .rs-search__form {
	display: flex;
	animation: rs-pop 0.25s var(--rs-ease) both;
}

/* Shop: dauerhaft sichtbare Suchleiste. */
.rs-search--shop {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	width: 100%;
	max-width: 520px;
	margin: 0 0 1.25rem;
	padding: 6px 6px 6px 18px;
	background: var(--wp--preset--color--weiss);
	border-radius: 999px;
	box-shadow: var(--rs-float);
	box-sizing: border-box;
}

.rs-search input[type="search"] {
	flex: 1;
	min-width: 0;
	border: none;
	background: transparent;
	padding: 0.7em 0;
	font: inherit;
	color: var(--wp--preset--color--tinte);
	-webkit-appearance: none;
	appearance: none;
}

.rs-search input[type="search"]:focus {
	outline: none;
}

.rs-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	min-width: 40px;
	height: 40px;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	color: var(--wp--preset--color--tinte);
	background: var(--wp--preset--color--kaese-dunkel);
}

/* Mikrofon-Knopf, den das Skript einfügt (nur bei Browser-Unterstützung). */
.rs-voice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	min-width: 40px;
	height: 40px;
	border: none;
	border-radius: 999px;
	cursor: pointer;
	color: var(--wp--preset--color--tinte);
	background: transparent;
	transition: background-color 0.2s ease;
}

.rs-voice:hover {
	background: var(--wp--preset--color--stahl-hell);
}

.rs-voice.is-listening {
	color: #fff;
	background: #d52b1e;
	animation: rs-listen 1.1s ease-in-out infinite;
}

@keyframes rs-listen {
	50% {
		box-shadow: 0 0 0 6px rgba(213, 43, 30, 0.25);
	}
}

@media (max-width: 900px) {
	.rs-header .rs-header__cta {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.rs-header {
		padding: 6px 6px 6px 14px;
		min-height: 56px;
		gap: 0.35rem;
	}

	/* Schrift etwas kleiner, damit neben dem Such-Symbol alles in eine Zeile passt. */
	.rs-brand .wp-block-site-title {
		font-size: 0.95rem;
		letter-spacing: -0.01em;
	}

	.rs-header__actions {
		gap: 0.3rem;
	}

	.rs-header .wc-block-mini-cart__button,
	.rs-header .wp-block-navigation__responsive-container-open,
	.rs-search__toggle {
		min-width: 40px;
		height: 40px;
		padding: 0 8px;
	}
}

/* Sehr schmale Handys (z. B. 360 px): Pille noch etwas kompakter. */
@media (max-width: 380px) {
	.rs-site-header {
		padding-inline: 8px;
	}

	.rs-header {
		padding-left: 12px;
		gap: 0.35rem;
	}

	.rs-brand .wp-block-site-title {
		font-size: 0.95rem;
		letter-spacing: -0.02em;
	}

	.rs-header .wc-block-mini-cart__button,
	.rs-header .wp-block-navigation__responsive-container-open {
		min-width: 40px;
		height: 40px;
		padding: 0 8px;
	}
}

/* Konto-Symbol überall ausblenden. Die Anmeldung läuft über den WordPress-Verwaltungsbereich.
   Der Block ist aus parts/header.html entfernt, in class-woocommerce.php aus den Block-Hooks
   ausgehängt und die Inhalts-Aktualisierung räumt ihn aus bearbeiteten Vorlagenteilen. Diese
   Regel ist das Netz darunter: Steckt er irgendwo doch noch – in einer eigenen Vorlage oder in
   einer Datenbank-Kopie, die noch nicht aktualisiert wurde –, ist er trotzdem nicht zu sehen.
   «wichtig», weil WooCommerce seine Stilvorlage erst beim Rendern nachlädt. */
.wp-block-woocommerce-customer-account {
	display: none !important;
}

/* Mini-Warenkorb als runder, schwebender Knopf */
.rs-header .wc-block-mini-cart__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 46px;
	padding: 0 12px;
	border-radius: 999px;
	color: var(--wp--preset--color--tinte);
	background: var(--wp--preset--color--weiss);
	box-shadow: 0 1px 2px rgba(15, 59, 46, 0.08), 0 8px 18px -8px rgba(15, 59, 46, 0.3);
	transition: transform 0.4s var(--rs-ease), box-shadow 0.4s var(--rs-ease);
}

.rs-header .wc-block-mini-cart__button:hover {
	transform: translateY(-2px);
	box-shadow: var(--rs-float);
}

.rs-header .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--kaese) !important;
	color: var(--wp--preset--color--tanne-tief) !important;
	font-weight: 700;
	border: 2px solid var(--wp--preset--color--weiss);
}

/* --------------------------------------------------------------------------
   Block-Stile
   -------------------------------------------------------------------------- */

/* Schwebender Teller */
.is-style-teller {
	background-color: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	box-shadow: var(--rs-float);
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

.wp-block-image.is-style-teller {
	padding: clamp(8px, 1vw, 14px);
	box-shadow: var(--rs-float-high);
}

.wp-block-image.is-style-teller img {
	border-radius: calc(var(--rs-r-l) - 10px);
	width: 100%;
}

/* Freigestellte Produktfotos: der hellgraue Fotohintergrund verschmilzt mit der Fläche. */
.wp-block-image.is-style-freigestellt img {
	mix-blend-mode: multiply;
	border-radius: 0;
	filter: drop-shadow(0 30px 30px rgba(15, 59, 46, 0.18));
}

/* Bühne – käsegelbe, abgerundete Fläche */
.is-style-buehne {
	background: var(--wp--preset--gradient--glut);
	color: var(--wp--preset--color--tinte);
	border-radius: var(--rs-r-l);
	box-shadow: var(--rs-float-high);
}

/* Dunkle Flächen und die Bühne enden knapp vor dem Bildschirmrand – sie schweben. */
.has-global-padding > .alignfull:is(.rs-stage, .is-style-buehne) {
	margin-left: calc(var(--wp--style--root--padding-left, 0px) * -1 + var(--rs-inset)) !important;
	margin-right: calc(var(--wp--style--root--padding-right, 0px) * -1 + var(--rs-inset)) !important;
}

/* Glas */
.wp-block-group.is-style-glas {
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(18px) saturate(1.5);
	backdrop-filter: blur(18px) saturate(1.5);
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: var(--rs-r-l);
	box-shadow: var(--rs-float);
	padding: clamp(1.25rem, 3vw, 2.25rem);
}

/* Plakette – kleines schwebendes Etikett */
p.is-style-plakette {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	width: fit-content;
	padding: 0.7em 1.15em;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1;
	letter-spacing: -0.01em;
	box-shadow: var(--rs-float);
}

.rs-swiss::before {
	content: "";
	width: 1.2em;
	height: 1.2em;
	flex: none;
	background: var(--rs-cross) center / contain no-repeat;
}

/* Liste mit Häkchen */
ul.is-style-haken {
	list-style: none;
	padding-left: 0;
}

ul.is-style-haken li {
	position: relative;
	padding-left: 2em;
	margin-block: 0.45em;
}

ul.is-style-haken li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.18em;
	width: 1.3em;
	height: 1.3em;
	border-radius: 50%;
	background: var(--rs-check-light) center / 72% no-repeat, var(--wp--preset--color--tanne);
}

/* Pillen (z. B. Produktkategorien) */
.wp-block-categories.is-style-pillen {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	list-style: none;
	padding: 0;
}

.wp-block-categories.is-style-pillen li {
	margin: 0;
}

.wp-block-categories.is-style-pillen a {
	display: inline-flex;
	padding: 0.7em 1.2em;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 650;
	text-decoration: none;
	box-shadow: var(--rs-float);
	transition: transform 0.4s var(--rs-ease), box-shadow 0.4s var(--rs-ease), background-color 0.2s;
}

.wp-block-categories.is-style-pillen a:hover {
	transform: translateY(-3px);
	box-shadow: var(--rs-float-high);
}

.wp-block-categories.is-style-pillen .current-cat a {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
}

/* Bildkachel */
.wp-block-cover.is-style-kachel {
	overflow: hidden;
	box-shadow: var(--rs-float);
	color: var(--wp--preset--color--weiss);
}

/* ::before liegt im DOM vor dem Inhalt – so bleibt der Text über dem Verlauf, auch wenn der Kern beiden z-index 1 gibt. */
.wp-block-cover.is-style-kachel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(9, 39, 32, 0) 38%, rgba(9, 39, 32, 0.85) 100%);
}

.wp-block-cover.is-style-kachel.is-style-kachel .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

.wp-block-cover.is-style-kachel :is(h2, h3) {
	color: inherit;
	margin: 0 0 0.3em;
}

.wp-block-cover.is-style-kachel p {
	margin: 0;
	max-width: 32em;
	opacity: 0.92;
}

/* Details / Akkordeon */
.wp-block-details {
	box-shadow: var(--rs-float);
	transition: box-shadow 0.4s var(--rs-ease);
}

.wp-block-details + .wp-block-details {
	margin-top: 0.85rem;
}

.wp-block-details summary {
	position: relative;
	padding-right: 2.5rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 650;
	font-size: 1.15rem;
	line-height: 1.3;
	color: var(--wp--preset--color--tinte);
}

.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.wp-block-details summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	display: grid;
	place-items: center;
	width: 1.8rem;
	height: 1.8rem;
	margin-top: -0.9rem;
	border-radius: 50%;
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	transition: transform 0.35s var(--rs-ease);
}

.wp-block-details[open] summary::after {
	transform: rotate(45deg);
}

.wp-block-details[open] {
	box-shadow: var(--rs-float-high);
}

.wp-block-details > :not(summary) {
	margin-top: 0.8em;
	max-width: 68ch;
}

.is-style-buehne .wp-block-details {
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 1px 2px rgba(15, 59, 46, 0.08), 0 14px 28px -14px rgba(120, 70, 0, 0.35);
}

.is-style-buehne .wp-block-details summary {
	color: var(--wp--preset--color--tinte);
}

.is-style-buehne .wp-block-details summary::after {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
}

/* --------------------------------------------------------------------------
   Muster-spezifische Layouts
   -------------------------------------------------------------------------- */

/* Bühne (Hero) */
.rs-stage {
	position: relative;
	overflow: clip;
	border-radius: var(--rs-r-l);
	box-shadow: var(--rs-float-high);
}

/* Titelgrösse folgt der Spaltenbreite (54 %), damit „Warteschlange.“ nie mitten im Wort bricht. */
.rs-stage .rs-display {
	margin-top: 0.35em;
	font-size: clamp(1.9rem, 4.9vw - 0.5rem, 4.4rem);
	-webkit-hyphens: auto;
	hyphens: auto;
}

.rs-hero__visual {
	position: relative;
	padding: 2.5rem 0;
}

.rs-hero__visual::before {
	content: "";
	position: absolute;
	inset: 0 -12% -6% 6%;
	z-index: 0;
	background: radial-gradient(closest-side, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 72%);
	pointer-events: none;
}

.rs-hero__visual > * {
	position: relative;
	z-index: 1;
}

.rs-hero__visual p.is-style-plakette {
	position: absolute;
	z-index: 2;
	margin: 0;
	animation:
		rs-pop 0.7s var(--rs-ease) both,
		rs-bob 7s ease-in-out infinite;
	animation-delay: 0.8s, 1.6s;
}

.rs-hero__visual .rs-sticker--a {
	top: 6%;
	left: -4%;
}

.rs-hero__visual .rs-sticker--b {
	bottom: 12%;
	right: -3%;
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	animation-delay: 1s, 2.4s;
}

.rs-hero__visual .rs-sticker--c {
	bottom: 2%;
	left: 8%;
	animation-delay: 1.2s, 3.1s;
}

.rs-rise {
	animation: rs-rise 1.1s var(--rs-ease) both 0.15s;
}

@keyframes rs-rise {
	from {
		opacity: 0;
		translate: 0 48px;
	}
	to {
		opacity: 1;
		translate: 0 0;
	}
}

@keyframes rs-pop {
	from {
		opacity: 0;
		scale: 0.6;
	}
	to {
		opacity: 1;
		scale: 1;
	}
}

@keyframes rs-bob {
	0%,
	100% {
		translate: 0 0;
	}
	50% {
		translate: 0 -9px;
	}
}

.rs-facts-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.4rem;
	padding: 0;
	margin-top: 2rem;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.9;
}

/* Kennzahlen: ein Teller, der über die Bühnenkante ragt */
.rs-facts {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
	gap: 1.5rem 2rem;
	margin-top: calc(-1 * var(--wp--preset--spacing--60));
}

.rs-facts > *,
.rs-variant > *,
.rs-download > *,
.rs-tile > * {
	margin: 0 !important;
}

.rs-tile {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.rs-tile .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--rs-r-m);
}

.rs-fact__value {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1;
	color: var(--wp--preset--color--tinte);
	margin: 0 0 0.25em;
}

.rs-fact__label {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
	line-height: 1.35;
}

/* Gas/Strom-Umschalter im Kennzahlen-Teller (Logik in theme.js; ohne JS bleibt Gas sichtbar) */
.rs-facts > .rs-energy-toggle {
	grid-column: 1 / -1;
	gap: 0.5rem;
}

.rs-energy-toggle .wp-block-button__link {
	padding: 0.7em 1.5em;
	font-size: 0.95rem;
}

.rs-energy-toggle .wp-block-button.is-active .wp-block-button__link {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	box-shadow: var(--rs-float);
}

.rs-facts:not(.is-strom) > .rs-only-strom,
.rs-facts.is-strom > .rs-only-gas {
	display: none;
}

.rs-facts > .rs-only-gas,
.rs-facts > .rs-only-strom {
	animation: rs-swap 0.4s var(--rs-ease);
}

@keyframes rs-swap {
	from {
		opacity: 0;
		translate: 0 8px;
	}
}

/* Im Editor beide Varianten zeigen, damit beide Texte bearbeitbar sind. */
.editor-styles-wrapper .rs-facts > .rs-only-gas,
.editor-styles-wrapper .rs-facts > .rs-only-strom {
	display: block;
}

.editor-styles-wrapper .rs-facts > .rs-only-strom {
	opacity: 0.6;
}

/* Gas/Strom-Umschalter als Plaketten über dem Ofen. Masse, Abstand zum Bild und das Schweben
   sind dieselben wie bei der Plakette «12 Pfannen gleichzeitig» (rs-sticker--a) – nur spiegelbildlich
   auf der rechten Seite. */
.rs-hero__visual .rs-hero__energy {
	position: absolute;
	z-index: 3;
	top: 6%;
	right: -4%;
	gap: 0.4rem;
	animation:
		rs-pop 0.7s var(--rs-ease) both,
		rs-bob 7s ease-in-out infinite;
	animation-delay: 0.9s, 2s;
}

.rs-stage .rs-hero__visual .rs-hero__energy .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.7em 1.15em;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.1;
	letter-spacing: -0.01em;
	box-shadow: var(--rs-float);
	transition:
		background 0.25s var(--rs-ease),
		box-shadow 0.25s var(--rs-ease);
}

/* Das Symbol bleibt in der Zeilenhöhe, damit die Plakette genau so hoch ist wie eine ohne Symbol. */
.rs-stage .rs-hero__visual .rs-hero__energy .wp-block-button__link::before {
	content: "";
	width: 1.1em;
	height: 1.1em;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--rs-icon) center / contain no-repeat;
	mask: var(--rs-icon) center / contain no-repeat;
}

.rs-stage .rs-hero__visual .rs-hero__energy .rs-energy--gas .wp-block-button__link {
	--rs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.2 2c.3 3 4.8 4.6 4.8 9a6 6 0 0 1-12 0c0-2.2 1-3.8 2.3-5.1-.1 1.6.6 2.7 1.7 3.2.8-2.4.4-5.2 3.2-7.1z'/%3E%3C/svg%3E");
}

.rs-stage .rs-hero__visual .rs-hero__energy .rs-energy--strom .wp-block-button__link {
	--rs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 14h5.6L8.5 22 20 9.6h-6.2z'/%3E%3C/svg%3E");
}

/* Die gewählte Seite in Käsegelb – wie die Preisplakette (rs-sticker--b). */
.rs-stage .rs-hero__visual .rs-hero__energy .wp-block-button.is-active .wp-block-button__link {
	background: var(--wp--preset--color--kaese-dunkel);
}

.rs-stage .rs-hero__visual .rs-hero__energy .wp-block-button__link:hover {
	box-shadow: var(--rs-float-high);
}

/* Die Wahl Gas/Strom wechselt auch den Ofen in der Bühne (Klasse rs-strom setzt theme.js). */
.rs-hero__img--strom,
.rs-strom .rs-hero__img--gas {
	display: none;
}

.rs-strom .rs-hero__img--strom {
	display: block;
	animation: rs-swap 0.4s var(--rs-ease);
}

/* Derselbe Wechsel beim Preis: Der Gas-Ofen kostet ab CHF 3’540, der Elektro-Ofen ab CHF 3’450. */
.rs-hero__visual p.rs-hero__preis--strom,
.rs-strom .rs-hero__visual p.rs-hero__preis--gas {
	display: none;
}

.rs-strom .rs-hero__visual p.rs-hero__preis--strom {
	display: inline-flex;
}

/* Im Editor beide Bilder und beide Preise zeigen, damit sich alles bearbeiten lässt. */
.editor-styles-wrapper .rs-hero__img--strom {
	display: block;
	opacity: 0.6;
}

.editor-styles-wrapper .rs-hero__visual p.rs-hero__preis--strom {
	display: inline-flex;
	opacity: 0.6;
}

/* Allgemeines Raster (auto-fit) */
.rs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--rs-min, 16rem)), 1fr));
	gap: clamp(1rem, 2.5vw, 2rem);
}

.rs-grid > * {
	margin: 0 !important;
}

.rs-grid--specs {
	--rs-min: 14rem;
	gap: 0;
}

.rs-spec {
	padding: 1.25rem 0;
	border-top: 1px solid var(--rs-hairline);
}

.rs-spec p {
	margin: 0;
}

.rs-spec p:first-child {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

.rs-spec p + p {
	margin-top: 0.3em;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 650;
	font-size: 1.2rem;
	line-height: 1.25;
	color: var(--wp--preset--color--tinte);
}

/* Varianten */
.rs-variant {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.rs-variant > * {
	margin: 0;
}

.rs-variant .wp-block-buttons {
	margin-top: auto;
	padding-top: 0.5rem;
}

.rs-variant .wp-block-image {
	margin: calc(-1 * clamp(1.25rem, 3vw, 2.25rem)) calc(-1 * clamp(1.25rem, 3vw, 2.25rem)) 0.5rem;
	border-radius: var(--rs-r-l) var(--rs-r-l) 0 0;
	overflow: hidden;
	background: var(--wp--preset--color--stahl-hell);
}

.rs-variant .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.rs-price {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.5rem;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--tinte);
}

.is-style-buehne .rs-price {
	color: var(--wp--preset--color--tinte);
}

.is-style-buehne .rs-variant .wp-block-image,
.rs-variant.is-style-buehne .wp-block-image {
	background: var(--wp--preset--color--stahl-hell);
}

/* Mosaik der Einsatzbereiche */
.rs-mosaic {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(250px, 23vw));
	gap: clamp(0.75rem, 1.6vw, 1.25rem);
}

.rs-mosaic > * {
	margin: 0 !important;
}

.rs-mosaic .wp-block-cover {
	min-height: 0;
	height: 100%;
	padding: clamp(1.1rem, 2.2vw, 2rem);
}

.rs-mosaic > :nth-child(1) {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}

.rs-mosaic > :nth-child(4) {
	grid-column: 3 / 5;
}

@media (max-width: 900px) {
	.rs-mosaic {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		grid-auto-rows: 260px;
	}

	.rs-mosaic > :nth-child(1),
	.rs-mosaic > :nth-child(4) {
		grid-column: 1 / -1;
		grid-row: auto;
	}
}

@media (max-width: 560px) {
	.rs-mosaic {
		grid-template-columns: 1fr;
	}
}

/* Grosses Bildband, das rechts aus der Seite läuft (clip statt hidden: Sticky-Header bleibt intakt) */
.rs-band {
	overflow-x: clip;
}

.rs-band .wp-block-columns {
	gap: clamp(2rem, 5vw, 5rem);
}

@media (min-width: 782px) {
	.rs-band__image {
		margin-right: calc(-1 * max(var(--wp--style--root--padding-right, 0px), (100vw - 1320px) / 2)) !important;
	}

	.rs-band__image img {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.rs-band__image.is-style-teller {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding-right: 0;
	}
}

/* Käse-Fläche für den Aufruf zur Besichtigung */
/* Weisser Teller – neben dem käsegelben Footer bleibt so ein klarer Wechsel. */
.rs-cta {
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	border-radius: var(--rs-r-l);
	box-shadow: var(--rs-float-high);
}

.rs-cta .wp-block-button.is-style-glas .wp-block-button__link {
	color: var(--wp--preset--color--tanne-tief);
}

/* Seitenkopf */
.rs-pagehead .rs-display {
	font-size: clamp(2.1rem, 1.2rem + 3.4vw, 4.25rem);
	margin: 0;
}

.rs-pagehead .rs-lead {
	margin-top: 1.25rem;
}

/* Kürzerer Abstand zwischen Seitenkopf und erstem Abschnitt. Die Abstände stehen als
   Inline-Stile in den Seiten, darum !important – so gilt es auch für bereits angelegte Seiten. */
.rs-pagehead.rs-pagehead {
	padding-bottom: var(--wp--preset--spacing--30) !important;
}

.rs-pagehead + .wp-block-group.alignfull:not(.is-style-buehne, .rs-stage, .rs-band) {
	padding-top: var(--wp--preset--spacing--60) !important;
}

/* Seitentitel bündig mit dem Logo in der Header-Pille – auf allen Seiten wie im Shop. */
.rs-pagehead.rs-pagehead > * {
	max-width: min(var(--wp--style--global--wide-size, 1320px), 100%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Zeilenlänge der Einleitung begrenzen, ohne die Bündigkeit links zu verlieren
   (100 % ist hier die volle Seitenbreite, deshalb auf die Inhaltsbreite kappen). */
.rs-pagehead.rs-pagehead > .rs-lead {
	box-sizing: border-box;
	padding-right: max(0px, calc(min(var(--wp--style--global--wide-size, 1320px), 100%) - 42rem));
}

/* Downloads */
.rs-download {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}

.rs-download > * {
	margin: 0;
}

.rs-download .wp-block-image img {
	border-radius: var(--rs-r-m);
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: top;
}

.rs-download .wp-block-buttons {
	margin-top: auto;
	gap: 0.5rem;
}

.rs-download .wp-block-button__link {
	padding: 0.8em 1.2em;
	font-size: 0.95rem;
}

/* Team */
.rs-person {
	display: flex;
	align-items: center;
	gap: 1.1rem;
}

.rs-person > * {
	margin: 0 !important;
}

.rs-person .wp-block-image img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: var(--rs-float);
}

.rs-person p {
	margin: 0;
	line-height: 1.45;
}

.rs-person p:first-child {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.15rem;
	color: var(--wp--preset--color--tinte);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

.rs-site-footer {
	margin-top: var(--wp--preset--spacing--70);
}

.rs-footer {
	background: var(--wp--preset--gradient--glut);
	color: var(--wp--preset--color--tinte);
	border-radius: var(--rs-r-l) var(--rs-r-l) 0 0;
	margin-inline: var(--rs-inset) !important;
}

.rs-footer__mark {
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.8rem, 0.8rem + 4vw, 4.5rem);
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -0.025em;
	color: var(--wp--preset--color--tinte);
	margin: 0;
}

.rs-footer h2,
.rs-footer h3 {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
	color: var(--wp--preset--color--tinte);
	margin-bottom: 0.6em;
}

.rs-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rs-footer li {
	margin: 0.3em 0;
}

.rs-footer a:not(.wp-element-button, .rs-dock__btn) {
	text-decoration-color: rgba(19, 33, 28, 0.35);
	text-underline-offset: 0.2em;
}

.rs-footer a:not(.wp-element-button, .rs-dock__btn):hover {
	color: var(--wp--preset--color--tinte);
	text-decoration-color: currentColor;
}

.rs-footer__bottom {
	border-top: 1px solid rgba(19, 33, 28, 0.15);
	font-size: var(--wp--preset--font-size--small);
	color: rgba(19, 33, 28, 0.72);
}

/* --------------------------------------------------------------------------
   Schwebendes Dock
   -------------------------------------------------------------------------- */

.rs-dock {
	position: fixed;
	right: clamp(0.75rem, 2vw, 1.5rem);
	bottom: clamp(0.75rem, 2vw, 1.5rem);
	z-index: 80;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	gap: 0.6rem;
	margin: 0 !important;
}

.rs-dock__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55em;
	min-width: 54px;
	height: 54px;
	padding: 0 15px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	cursor: pointer;
	box-shadow: var(--rs-float-high);
	transition:
		transform 0.4s var(--rs-ease),
		box-shadow 0.4s var(--rs-ease),
		opacity 0.3s ease,
		translate 0.3s ease;
}

.rs-dock__btn:hover {
	transform: translateY(-3px);
	color: var(--wp--preset--color--tinte);
}

.rs-dock__btn,
.rs-dock__btn:visited {
	text-decoration: none;
}

.rs-dock__btn .rs-icon {
	width: 22px;
	height: 22px;
}

/* Tannengrün statt Gold: hebt sich auch über den käsegelben Flächen ab. */
.rs-dock__btn--main,
.rs-dock__btn--main:hover {
	padding: 0 22px 0 18px;
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
	box-shadow: var(--rs-float-high);
}

.rs-dock__btn--top {
	opacity: 0;
	pointer-events: none;
	translate: 0 12px;
}

.rs-dock__btn--top.is-visible {
	opacity: 1;
	pointer-events: auto;
	translate: 0 0;
}

@media (max-width: 600px) {
	.rs-dock__btn--main span {
		display: none;
	}

	.rs-dock__btn--main {
		padding: 0 15px;
	}
}

.editor-styles-wrapper .rs-dock,
.rs-dock-editor .rs-dock {
	position: static;
	flex-direction: row;
	justify-content: flex-end;
}

.rs-dock-editor__label {
	font-size: 0.8rem;
	opacity: 0.7;
}

/* --------------------------------------------------------------------------
   Anfrageformular
   -------------------------------------------------------------------------- */

.rs-form__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: 0 1.25rem;
}

.rs-field {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin: 0 0 1rem;
	min-width: 0; /* Rasterzelle darf schmaler werden als der Inhalt es gern hätte. */
}

/* Safari (iPad/iPhone) gibt Datumsfeldern eine feste Eigenbreite und lässt sie aus der Spalte
   ragen. Eigenbreite abschalten und wie die übrigen Felder auf die Spalte binden. */
.rs-field input[type="date"] {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	min-width: 0;
	max-width: 100%;
	min-height: 3.1em;
}

.rs-field input[type="date"]::-webkit-date-and-time-value {
	text-align: left;
}

.rs-field--wide {
	grid-column: 1 / -1;
}

.rs-field label {
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--wp--preset--color--tinte);
}

.rs-field :is(input, select, textarea) {
	width: 100%;
	box-sizing: border-box;
	padding: 0.85em 1em;
	border: 1.5px solid transparent;
	border-radius: 14px;
	background: var(--wp--preset--color--stahl-hell);
	color: var(--wp--preset--color--tinte);
	font: inherit;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s;
}

.rs-field :is(input, select, textarea):focus {
	outline: none;
	background: var(--wp--preset--color--weiss);
	border-color: var(--wp--preset--color--tanne);
	box-shadow: 0 0 0 4px rgba(247, 185, 40, 0.45);
}

.rs-field--check {
	flex-direction: row;
	align-items: flex-start;
	gap: 0.7rem;
}

.rs-field--check input {
	width: 1.3rem;
	height: 1.3rem;
	margin-top: 0.15rem;
	flex: none;
	accent-color: var(--wp--preset--color--tanne);
}

.rs-field--check label {
	font-weight: 400;
	color: inherit;
}

.rs-form__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rs-form__notice {
	padding: 1rem 1.25rem;
	border-radius: 16px;
	font-weight: 600;
}

.rs-form__notice--ok {
	background: #DDF3E6;
	color: var(--wp--preset--color--tinte);
}

.rs-form__notice--error {
	background: #FBE2DF;
	color: #8A1C12;
}

/* --------------------------------------------------------------------------
   Newsletter-Anmeldung
   -------------------------------------------------------------------------- */

/* Derselbe weisse Teller wie beim Mengenrechner – das Formular steht meist auf Käsegelb. */
.rs-newsletter {
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(1.25rem, 3vw, 2.5rem);
	box-shadow: var(--rs-float);
}

.rs-newsletter__title {
	margin: 0 0 0.4rem;
}

.rs-newsletter__text {
	margin: 0 0 1.5rem;
	max-width: 48ch;
	color: var(--wp--preset--color--schiefer);
}

.rs-newsletter .rs-form__notice {
	margin: 0 0 1.25rem;
}

/* Name und E-Mail nebeneinander, solange der Platz reicht. */
.rs-newsletter__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: 0 1.25rem;
}

.rs-newsletter .rs-field--check {
	margin-bottom: 1.25rem;
}

/* --------------------------------------------------------------------------
   Mengenrechner
   -------------------------------------------------------------------------- */

.rs-calc {
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(1.25rem, 3vw, 2.5rem);
	box-shadow: var(--rs-float-high);
}

.rs-calc__input label {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.15rem;
	color: var(--wp--preset--color--tinte);
}

.rs-calc__row {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 0.75rem;
}

.rs-calc__row input[type="range"] {
	flex: 1;
	accent-color: var(--wp--preset--color--kaese);
	height: 2rem;
}

.rs-calc__row input[type="number"] {
	width: 6.5rem;
	padding: 0.6em 0.8em;
	border: 1.5px solid var(--rs-hairline);
	border-radius: 999px;
	font: inherit;
	font-weight: 700;
	text-align: center;
}

.rs-calc__out {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
	gap: 1rem;
	margin: 1.75rem 0 0;
}

.rs-calc__out > div {
	padding: 1.1rem 1.25rem;
	border-radius: var(--rs-r-m);
	background: var(--wp--preset--color--stahl-hell);
}

.rs-calc__out dt {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

.rs-calc__out dd {
	margin: 0.2em 0 0;
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.5rem, 1rem + 1.6vw, 2.2rem);
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--tinte);
	font-variant-numeric: tabular-nums;
}

.rs-calc__note {
	margin: 1.25rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

/* --------------------------------------------------------------------------
   WooCommerce
   -------------------------------------------------------------------------- */

/* Abstand zur Überschrift (der Produkt-Block hat keine eigene Abstands-Einstellung) */
* + .wp-block-woocommerce-product-collection.rs-products {
	margin-top: var(--wp--preset--spacing--50);
}

/* Produktraster. Eigene Regel, damit die Spalten nicht davon abhängen, ob WooCommerce sein
   Stylesheet für den Produkt-Block mitlädt. Die Spaltenzahl kommt aus der Klasse columns-N,
   die der Produkt-Block selbst setzt – im Editor eingestellte Werte gelten also weiterhin. */
.rs-products .wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(var(--rs-cols, 3), minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Der Block-Abstand des Editors setzt jeder Karte ausser der ersten einen oberen Rand.
   Im Raster würde das die übrigen Karten nach unten schieben. */
.rs-products .wc-block-product-template > li {
	margin: 0;
}

.rs-products .wc-block-product-template.columns-1 {
	--rs-cols: 1;
}

.rs-products .wc-block-product-template.columns-2 {
	--rs-cols: 2;
}

.rs-products .wc-block-product-template.columns-4 {
	--rs-cols: 4;
}

.rs-products .wc-block-product-template.columns-5 {
	--rs-cols: 5;
}

.rs-products .wc-block-product-template.columns-6 {
	--rs-cols: 6;
}

@media (max-width: 1100px) {
	.rs-products .wc-block-product-template {
		--rs-cols: 2 !important;
	}
}

@media (max-width: 700px) {
	.rs-products .wc-block-product-template {
		--rs-cols: 1 !important;
	}
}

/* Produktkarten schweben auf dem Edelstahl */
.rs-products .wc-block-product {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 12px 12px 20px;
	background: var(--wp--preset--color--weiss);
	border-radius: 30px;
	box-shadow: var(--rs-float);
	transition: transform 0.5s var(--rs-ease), box-shadow 0.5s var(--rs-ease);
}

.rs-products .wc-block-product:hover {
	transform: translateY(-6px);
	box-shadow: var(--rs-float-high);
}

.rs-products .wc-block-product > * {
	margin: 0 !important;
}

.rs-products .wc-block-components-product-image {
	aspect-ratio: 4 / 3 !important;
	border-radius: 22px;
	overflow: hidden;
	background: var(--wp--preset--color--stahl-hell);
	margin-bottom: 0.4rem !important;
}

.rs-products .wc-block-components-product-image a {
	display: block;
	height: 100%;
}

.rs-products .wc-block-components-product-image img {
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
	mix-blend-mode: multiply;
	transition: scale 0.6s var(--rs-ease);
}

.rs-products .wc-block-product:hover .wc-block-components-product-image img {
	scale: 1.04;
}

.rs-products .wp-block-post-title {
	padding-inline: 8px;
	font-size: 1.15rem !important;
	font-weight: 700;
	line-height: 1.2 !important;
	letter-spacing: -0.015em;
}

.rs-products .wp-block-post-title a {
	text-decoration: none;
}

.rs-products .wc-block-components-product-price {
	padding-inline: 8px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.1rem !important;
	color: var(--wp--preset--color--tinte);
}

.rs-products .wp-block-woocommerce-product-button {
	margin-top: auto !important;
	padding: 0.5rem 8px 0;
}

.rs-products .wp-block-woocommerce-product-button .wp-block-button__link {
	width: 100%;
	justify-content: center;
}

@media (max-width: 600px) {
	.rs-products .wc-block-product {
		padding: 8px 8px 14px;
		border-radius: 24px;
	}

	.rs-products .wp-block-post-title {
		font-size: 1rem !important;
		padding-inline: 4px;
	}

	.rs-products .wc-block-components-product-price {
		font-size: 0.95rem !important;
		padding-inline: 4px;
	}

	.rs-products .wp-block-woocommerce-product-button {
		padding: 0.25rem 0 0;
	}

	.rs-products .wp-block-woocommerce-product-button .wp-block-button__link {
		padding: 0.85em 0.5em;
		font-size: 0.85rem;
		white-space: nowrap;
	}
}

/* Artikelnummer auf den Produktkarten */
.rs-sku {
	margin: 0 !important;
	padding-inline: 8px;
	font-size: 0.8rem;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--schiefer);
}

/* Produktoption (Frontblende) auf der Produktseite. form.cart ist eine flex-Reihe (weiter unten,
   .rs-product form.cart) – ohne width:100% bemisst sich diese Box an ihrem eigenen Inhalt statt an
   der verfügbaren Breite, und der Hinweistext lief auf dem Handy über den Bildschirmrand hinaus. */
.rs-option {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	width: 100%;
	box-sizing: border-box;
	margin: 1.25rem 0;
	max-width: 26rem;
}

.rs-option label {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	color: var(--wp--preset--color--tinte);
}

.rs-option select {
	padding: 0.75em 1em;
	border: 1.5px solid rgba(0, 0, 0, 0.18);
	border-radius: 14px;
	background: var(--wp--preset--color--weiss);
	font: inherit;
}

.rs-option__hint {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

/* Vorlage für den Schriftzug: erscheint mit der Wahl „Mit eigenem Schriftzug“.
   theme.js schaltet das hidden-Attribut; ohne JavaScript übernimmt die :has()-Regel. */
.rs-option__upload {
	display: grid;
	gap: 0.4rem;
	margin-top: 0.85rem;
	padding: 1rem 1.15rem;
	border-radius: var(--rs-r-m);
	background: var(--wp--preset--color--stahl-hell);
}

.rs-option__upload[hidden] {
	display: none;
}

.rs-option:has(option[value="schriftzug"]:checked) .rs-option__upload[hidden] {
	display: grid;
}

/* Anfrageformular: Vorlagen-Upload erscheint, wenn ein Thema mit „Frontblech“ gewählt ist.
   theme.js schaltet das hidden-Attribut; ohne JavaScript übernimmt die :has()-Regel. */
.rs-form:has(#rs-topic option[data-upload]:checked) .rs-option__upload[hidden] {
	display: grid;
}

.rs-option__upload label {
	font-family: inherit;
	font-weight: 600;
	font-size: 0.95rem;
}

.rs-option__upload input[type="file"] {
	max-width: 100%;
	font: inherit;
	font-size: 0.95rem;
}

.rs-price-on-request {
	font-style: normal;
	color: var(--wp--preset--color--schiefer);
}

/* „exkl. MwSt.“ hinter jedem Preis – gut lesbar, aber dem Preis untergeordnet */
.woocommerce-price-suffix {
	display: inline-block;
	margin-left: 0.4em;
	font-size: 0.72em;
	font-weight: 400;
	white-space: nowrap;
	color: var(--wp--preset--color--schiefer);
}

.rs-products .woocommerce-price-suffix,
.wc-block-components-product-price .woocommerce-price-suffix {
	display: block;
	margin-left: 0;
}

.wc-block-components-product-sale-badge,
.onsale {
	border-radius: 999px !important;
	background: var(--wp--preset--color--rot) !important;
	color: var(--wp--preset--color--weiss) !important;
	border: 0 !important;
	font-weight: 700;
}

.rs-shopbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.rs-shopbar > * {
	margin: 0 !important;
}

.wc-block-catalog-sorting select,
.woocommerce-ordering select {
	padding: 0.7em 2.5em 0.7em 1.1em;
	border: 0;
	border-radius: 999px;
	background-color: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float);
	font: inherit;
}

.wp-block-query-pagination {
	gap: 0.5rem;
}

.wp-block-query-pagination-numbers .page-numbers,
.wp-block-query-pagination a {
	display: inline-grid;
	place-items: center;
	min-width: 2.75rem;
	height: 2.75rem;
	padding: 0 0.8rem;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float);
	text-decoration: none;
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte);
}

/* Produktseite */
.rs-product .wp-block-woocommerce-product-image-gallery,
.rs-product .wp-block-woocommerce-product-gallery {
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(10px, 1.4vw, 18px);
	box-shadow: var(--rs-float-high);
}

.rs-product .woocommerce-product-gallery__image img,
.rs-product .woocommerce-product-gallery img {
	border-radius: calc(var(--rs-r-l) - 12px);
}

.rs-product .flex-control-thumbs {
	display: flex;
	gap: 10px;
	margin-top: 10px !important;
}

.rs-product .flex-control-thumbs li {
	width: auto !important;
	flex: 1;
	max-width: 120px;
}

.rs-product .flex-control-thumbs img {
	border-radius: 14px;
}

.rs-product__title {
	font-size: clamp(1.8rem, 1.2rem + 2vw, 2.7rem) !important;
	font-weight: 700;
	line-height: 0.95;
}

.rs-product .wp-block-woocommerce-product-price {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	color: var(--wp--preset--color--tinte);
}

.rs-product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin: 1.5rem 0 1rem;
}

/* Nur das Mengenfeld der Produktseite ist gross und schwebend. */
.rs-product .quantity .qty {
	height: 56px;
	width: 5.5rem;
	border: 0;
	border-radius: 999px !important;
	background: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float);
	text-align: center;
	font: inherit;
	font-weight: 700;
}

/* Mengenwahl in Warenkorb und Mini-Warenkorb: kompakte Pille „− Zahl +“. */
.wc-block-components-quantity-selector {
	display: inline-flex !important;
	align-items: stretch;
	width: auto !important;
	min-width: 0 !important;
	height: 40px;
	margin: 0;
	border: 1.5px solid rgba(0, 0, 0, 0.18) !important;
	border-radius: 999px !important;
	background: var(--wp--preset--color--weiss);
	box-shadow: none;
	overflow: hidden;
}

.wc-block-components-quantity-selector::after {
	display: none !important;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	width: 2.4em !important;
	min-width: 0 !important;
	height: auto;
	margin: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
	box-shadow: none !important;
	text-align: center;
	font: inherit;
	font-weight: 700;
	color: var(--wp--preset--color--tinte);
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	display: grid;
	place-items: center;
	width: 34px;
	min-width: 34px !important;
	height: auto;
	padding: 0 !important;
	border: 0 !important;
	background: transparent;
	color: var(--wp--preset--color--tinte);
	font-size: 1.15rem;
	opacity: 1;
	cursor: pointer;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover:not(:disabled) {
	background: var(--wp--preset--color--stahl-hell);
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
	opacity: 0.35;
}

/* Mini-Warenkorb: weisser, gut lesbarer Teller statt Käsegelb – auch die inneren Blöcke,
   die sonst den Seitenhintergrund übernehmen. */
.wc-block-components-drawer,
.wc-block-mini-cart__drawer .components-modal__content,
.wc-block-mini-cart__drawer .wc-block-components-drawer__content,
.wc-block-mini-cart__drawer .wc-block-mini-cart__template-part,
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents,
.wc-block-mini-cart__drawer .wp-block-woocommerce-filled-mini-cart-contents-block,
.wc-block-mini-cart__drawer .wp-block-woocommerce-empty-mini-cart-contents-block,
.wc-block-mini-cart__drawer .wc-block-mini-cart__items,
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	background-color: var(--wp--preset--color--weiss) !important;
	color: var(--wp--preset--color--tinte);
}

.wc-block-mini-cart__title {
	font-size: 1.5rem !important;
	letter-spacing: -0.01em;
}

.rs-product .single_add_to_cart_button {
	min-height: 56px;
	padding-inline: 2em !important;
}

.rs-gas-notice {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	padding: 0.9rem 1.1rem;
	border-radius: 18px;
	background: var(--wp--preset--color--kaese-hell);
	color: var(--wp--preset--color--tanne-tief);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
}

.rs-gas-notice .rs-icon {
	flex: none;
	width: 20px;
	height: 20px;
	color: #C75A00;
}

.rs-inquiry {
	margin: 1.5rem 0 0.5rem;
}

.rs-inquiry__hint {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

.rs-product .wp-block-woocommerce-product-details {
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(1.25rem, 3vw, 2.5rem);
	box-shadow: var(--rs-float);
}

.rs-product .wp-block-woocommerce-product-details .wc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0 !important;
	border: 0 !important;
}

.rs-product .wp-block-woocommerce-product-details .wc-tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.rs-product .wp-block-woocommerce-product-details .wc-tabs li a {
	display: inline-block;
	padding: 0.6em 1.1em !important;
	border-radius: 999px;
	background: var(--wp--preset--color--stahl-hell);
	text-decoration: none;
	font-weight: 650;
}

.rs-product .wp-block-woocommerce-product-details .wc-tabs li.active a {
	background: var(--wp--preset--color--kaese-dunkel);
	color: var(--wp--preset--color--tinte) !important;
}

.rs-product .wp-block-woocommerce-product-meta {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

/* Warenkorb & Kasse auf einem grossen Teller */
.wp-block-woocommerce-cart.alignwide,
.wp-block-woocommerce-checkout.alignwide,
.wp-block-woocommerce-cart:not(.alignwide),
.wp-block-woocommerce-checkout:not(.alignwide) {
	box-sizing: border-box;
	max-width: 100%;
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(1rem, 3vw, 2.5rem);
	box-shadow: var(--rs-float-high);
}

.wc-block-components-button:not(.is-link) {
	border-radius: 999px !important;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-country-input input,
.wc-block-components-state-input input {
	border-radius: 14px !important;
}

.wc-block-components-notice-banner {
	border-radius: 18px;
}

.wp-block-woocommerce-breadcrumbs {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

/* --------------------------------------------------------------------------
   «Bestellung erhalten» – die Bestelldetails auf einem weissen Teller
   -------------------------------------------------------------------------- */

/* Der Block «Bestelldetails» enthält die Überschrift, die Tabelle und – falls vorhanden – den
   Hinweis des Kunden. Alles zusammen liegt auf einem Teller wie die Kennzahlen, sonst steht die
   Tabelle nackt auf dem Käsegelb.

   WooCommerce lädt seine Block-Stilvorlage erst beim Rendern, also nach dem Theme. Deshalb zählt
   hier nicht die Reihenfolge, sondern die Spezifität: Der Block trägt beide Klassen
   (wp-block-… und wc-block-…), zusammen schlagen sie WooCommerce ohne «wichtig».
   Die zweite Zeile deckt die klassische WooCommerce-Vorlage ab. */
.wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper,
.woocommerce-order .woocommerce-order-details {
	box-sizing: border-box;
	background: var(--wp--preset--color--weiss);
	border-radius: var(--rs-r-l);
	padding: clamp(1.25rem, 3vw, 2.25rem);
	box-shadow: var(--rs-float);
}

.wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper > :first-child,
.woocommerce-order .woocommerce-order-details > :first-child {
	margin-top: 0;
}

.wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper > :last-child,
.woocommerce-order .woocommerce-order-details > :last-child {
	margin-bottom: 0;
}

/* Die Tabelle braucht keinen eigenen Rahmen mehr – der Teller ist die Umrandung,
   die Zeilen trennen Haarlinien. */
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table,
.woocommerce-order .woocommerce-table--order-details {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table th,
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table td,
.woocommerce-order .woocommerce-table--order-details th,
.woocommerce-order .woocommerce-table--order-details td {
	border: 0;
	border-bottom: 1px solid var(--rs-hairline);
	padding: 0.9rem 0;
	text-align: left;
	vertical-align: top;
}

/* Beträge rechtsbündig. Die dritte Klasse schlägt die Zeile darüber. */
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table .wc-block-order-confirmation-totals__total,
.woocommerce-order .woocommerce-table--order-details tr > :last-child {
	text-align: right;
	white-space: nowrap;
}

/* Letzte Zeile («Gesamt») ohne Trennlinie – der Tellerrand schliesst ab. */
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table tfoot tr:last-child th,
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-totals__table tfoot tr:last-child td,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order .woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: 0;
}

/* Hinweis des Kunden: ruhige Käsefläche statt eines zweiten Rahmens auf dem Teller. */
.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-order-note,
.woocommerce-order .woocommerce-order-details .woocommerce-customer-note {
	margin-top: clamp(1rem, 2vw, 1.5rem);
	padding: 1rem 1.25rem;
	border: 0;
	border-radius: var(--rs-r-m);
	background: var(--wp--preset--color--kaese-hell);
}

.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-order-note > :first-child {
	margin-top: 0;
}

.wc-block-order-confirmation-totals-wrapper .wc-block-order-confirmation-order-note > :last-child {
	margin-bottom: 0;
}

.wc-block-order-confirmation-order-note__label {
	font-weight: 700;
}

/* Mini-Warenkorb (Schublade) */
.wc-block-mini-cart__drawer .components-modal__content {
	border-radius: var(--rs-r-l) 0 0 var(--rs-r-l);
}

/* Warenkorb-Tabelle auf schmalen Bildschirmen. WooCommerce liefert sein mobiles Warenkorb-
   Layout nicht immer mit; ohne es sprengen die festen Spalten die Karte. Hier die Zeile als
   Raster «Bild | Text | Preis» selbst binden, damit nichts seitlich hinausragt. */
.wp-block-woocommerce-cart .wc-block-cart-items {
	width: 100%;
	table-layout: fixed;
}

.wp-block-woocommerce-cart .wc-block-cart-item__product {
	min-width: 0;
}

@media (max-width: 520px) {
	.wp-block-woocommerce-cart .wc-block-cart-items__row {
		grid-template-columns: 56px minmax(0, 1fr) auto !important;
		column-gap: 12px !important;
	}

	.wp-block-woocommerce-cart .wc-block-cart-item__image {
		grid-column: 1 !important;
	}

	.wp-block-woocommerce-cart .wc-block-cart-item__image img {
		width: 56px !important;
	}

	.wp-block-woocommerce-cart .wc-block-cart-item__product {
		grid-column: 2 !important;
	}

	.wp-block-woocommerce-cart .wc-block-cart-item__total {
		grid-column: 3 !important;
		text-align: right;
		white-space: nowrap;
	}
}

/* --------------------------------------------------------------------------
   Beiträge
   -------------------------------------------------------------------------- */

.rs-card {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	height: 100%;
	box-sizing: border-box;
}

.rs-card > * {
	margin: 0 !important;
}

.rs-card .wp-block-post-featured-image img {
	border-radius: var(--rs-r-m);
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

/* --------------------------------------------------------------------------
   Gerichte-Slider: quadratische Bild-Teller, waagrecht wischen oder blättern
   -------------------------------------------------------------------------- */

.rs-slider {
	--rs-slider-pad: max(var(--wp--style--root--padding-left, 1rem), calc((100% - var(--wp--style--global--wide-size, 1320px)) / 2));
	display: flex;
	gap: clamp(1rem, 2vw, 1.5rem);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--rs-slider-pad);
	padding: 1.25rem var(--rs-slider-pad) 3.25rem;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}

.rs-slider::-webkit-scrollbar {
	display: none;
}

.rs-slider > * {
	flex: 0 0 clamp(230px, 26vw, 340px);
	margin: 0 !important;
	scroll-snap-align: start;
}

.wp-block-image.rs-slide {
	padding: 10px 10px 4px;
	background: var(--wp--preset--color--weiss);
	border-radius: 32px;
	box-shadow: var(--rs-float);
	transition: transform 0.5s var(--rs-ease), box-shadow 0.5s var(--rs-ease);
}

.wp-block-image.rs-slide:hover {
	transform: translateY(-6px);
	box-shadow: var(--rs-float-high);
}

.wp-block-image.rs-slide img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 24px;
}

.wp-block-image.rs-slide figcaption {
	margin: 0.75em 0.6em 0.6em;
	text-align: left;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--wp--preset--color--tinte);
}

/* Pfeil-Knöpfe (von theme.js oberhalb des Sliders eingefügt – so kommen sie dem schwebenden Dock nicht in die Quere) */
.rs-slider-nav {
	display: flex;
	justify-content: flex-end;
	gap: 0.6rem;
	max-width: min(var(--wp--style--global--wide-size, 1320px), 100%);
	margin: 0 auto -0.5rem !important;
	position: relative;
	z-index: 2;
}

.rs-slider-nav button {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	color: var(--wp--preset--color--tinte);
	box-shadow: var(--rs-float);
	cursor: pointer;
	transition: transform 0.4s var(--rs-ease), box-shadow 0.4s var(--rs-ease), opacity 0.2s;
}

.rs-slider-nav button:hover {
	transform: translateY(-3px);
	box-shadow: var(--rs-float-high);
}

.rs-slider-nav button:disabled {
	opacity: 0.35;
	cursor: default;
	transform: none;
}

.rs-slider-nav svg {
	width: 22px;
	height: 22px;
}

.editor-styles-wrapper .rs-slider {
	padding-inline: 1rem;
}

/* --------------------------------------------------------------------------
   Kleine Bildschirme
   -------------------------------------------------------------------------- */

@media (max-width: 781px) {
	.rs-hero__visual {
		padding: 1.5rem 0 2.5rem;
	}

	.rs-hero__visual .rs-sticker--a {
		left: 2%;
		top: 0;
	}

	.rs-hero__visual .rs-sticker--b {
		right: 2%;
	}

	/* Nebeneinander reicht der Platz nicht: Der Umschalter rückt unter die Plakette,
	   behält aber deren Grösse. */
	.rs-hero__visual .rs-hero__energy {
		right: 2%;
		top: 2.9rem;
	}

	.rs-stage .wp-block-columns {
		gap: 1rem;
	}
}

/* Handy/Tablet (Spalten untereinander): Ofen-Bild direkt nach dem Einleitungstext,
   Herkunfts-Plakette „Hergestellt in Siebnen SZ“ ans Ende der Bühne.
   Nur Darstellung – der Inhalt im Editor bleibt in der gewohnten Reihenfolge. */
@media (max-width: 781px) {
	.rs-stage > .wp-block-columns {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.rs-stage > .wp-block-columns > .wp-block-column:not(.rs-hero__visual) {
		display: contents;
	}

	.rs-stage .rs-hero__visual {
		flex-basis: auto !important;
		width: 100%;
	}

	.rs-stage .rs-display {
		order: 1;
	}

	.rs-stage .rs-lead {
		order: 2;
	}

	.rs-stage .rs-hero__visual {
		order: 3;
	}

	.rs-stage .wp-block-buttons {
		order: 4;
		margin-top: 0.5rem !important;
	}

	.rs-stage .rs-facts-row {
		order: 5;
	}

	.rs-stage p.rs-swiss {
		order: 6;
		margin-top: 1rem !important;
	}
}

/* --------------------------------------------------------------------------
   Ofen-Konfigurator
   Links die Schritte als weisse Karten (Nummer aus einem CSS-Zähler), rechts die klebende
   Zusammenfassung. Jede Zeile ist gleich gebaut: Auswahl · Bild · Text · Preis.
   -------------------------------------------------------------------------- */

.rs-konf {
	counter-reset: rs-step;
}

.rs-konf__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
	gap: var(--wp--preset--spacing--50);
	align-items: start;
}

.rs-konf__notice {
	grid-column: 1 / -1;
	margin: 0;
	padding: 1rem 1.25rem;
	border-radius: 16px;
	background: #FBE2DF;
	color: #8A1C12;
	font-weight: 600;
}

.rs-konf__steps {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	min-width: 0;
}

.rs-konf__step {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 0;
	border-radius: var(--rs-r-l);
	background: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float);
	counter-increment: rs-step;
}

.rs-konf__step[hidden],
.rs-konf__choice[hidden],
.rs-konf__hint[hidden],
.rs-konf__upload[hidden],
.rs-konf__note[hidden],
.rs-konf__row[hidden],
.rs-konf__btn[hidden] {
	display: none;
}

/* Die Legende steht per float in der weissen Karte (statt auf deren Rahmen). */
.rs-konf__step legend {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 0.4rem;
	padding: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__step legend::before {
	content: counter(rs-step);
	flex: none;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--wp--preset--color--kaese);
	color: var(--wp--preset--color--tinte);
	font-size: 0.95rem;
}

.rs-konf__hint {
	clear: both;
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

.rs-konf__hint--frei {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	border-radius: var(--rs-r-s);
	background: var(--wp--preset--color--kaese-hell);
	color: var(--wp--preset--color--tinte);
}

.rs-konf__hint--frei .rs-icon {
	flex: none;
	width: 1.2rem;
	height: 1.2rem;
	color: var(--wp--preset--color--tanne);
}

.rs-konf__choices {
	display: grid;
	gap: 0.6rem;
}

.rs-konf__choice {
	display: grid;
	grid-template-columns: auto 104px minmax(0, 1fr) auto;
	grid-template-areas: "input img text price";
	align-items: center;
	gap: 0.9rem;
	margin: 0;
	padding: 0.75rem 1rem;
	border: 1.5px solid var(--rs-hairline);
	border-radius: var(--rs-r-m);
	background: var(--wp--preset--color--weiss);
	cursor: pointer;
	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.35s var(--rs-ease),
		transform 0.35s var(--rs-ease);
}

.rs-konf__choice:hover {
	border-color: rgba(15, 59, 46, 0.35);
	box-shadow: var(--rs-float);
	transform: translateY(-1px);
}

.rs-konf__choice:has(input:checked) {
	border-color: var(--wp--preset--color--tanne);
	background: var(--wp--preset--color--kaese-hell);
}

.rs-konf__choice:has(input:focus-visible) {
	outline: 3px solid var(--wp--preset--color--tanne);
	outline-offset: 2px;
}

.rs-konf__choice > input[type="radio"],
.rs-konf__choice > input[type="checkbox"] {
	grid-area: input;
	width: 1.35rem;
	height: 1.35rem;
	margin: 0;
	accent-color: var(--wp--preset--color--tanne);
}

/* Querformat mit «contain»: Pfannen und Roste sind lang und flach – so bleiben sie ganz sichtbar. */
.rs-konf__img {
	grid-area: img;
	display: block;
	width: 104px;
	height: 72px;
	padding: 4px;
	box-sizing: border-box;
	border-radius: var(--rs-r-s);
	object-fit: contain;
	background: var(--wp--preset--color--stahl-hell);
}

/* «Ohne …»: kein Bild, sondern ein leiser, gestrichelter Platzhalter mit Minus */
.rs-konf__img--leer {
	display: grid;
	place-items: center;
	background: transparent;
	border: 1.5px dashed rgba(15, 59, 46, 0.28);
	color: var(--wp--preset--color--schiefer);
	opacity: 0.7;
}

.rs-konf__choice:has(input:checked) .rs-konf__img--leer {
	border-color: var(--wp--preset--color--tanne);
	color: var(--wp--preset--color--tanne);
	opacity: 1;
}

/* Basismodelle: grösseres, freigestelltes Bild */
.rs-konf__choice--gross {
	grid-template-columns: auto 120px minmax(0, 1fr) auto;
}

.rs-konf__choice--gross .rs-konf__img {
	width: 120px;
	height: 120px;
	padding: 0;
	background: none;
	mix-blend-mode: multiply;
}

.rs-konf__text {
	grid-area: text;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
}

.rs-konf__text strong {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__text small {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

.rs-konf__price {
	grid-area: price;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: right;
	white-space: nowrap;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__price.is-inklusive {
	color: var(--wp--preset--color--tanne);
}

.rs-konf__price.is-anfrage {
	font-weight: 600;
	color: var(--wp--preset--color--schiefer);
}

/* Zubehör mit Stückzahl: das Zahlenfeld steht an der Stelle der Auswahl. */
.rs-konf__choice--menge {
	cursor: default;
}

.rs-konf__qty {
	grid-area: input;
	box-sizing: border-box; /* sonst wird das Feld durch Innenabstand + Rahmen breiter als 4.5rem –
	                           auf dem Handy kostet das genau den Platz, den die Preis-Spalte braucht. */
	width: 4.5rem;
	padding: 0.55em 0.5em;
	border: 1.5px solid var(--rs-hairline);
	border-radius: 999px;
	background: var(--wp--preset--color--weiss);
	font: inherit;
	font-weight: 700;
	text-align: center;
}

.rs-konf__qty:focus {
	outline: none;
	border-color: var(--wp--preset--color--tanne);
	box-shadow: 0 0 0 4px rgba(247, 185, 40, 0.45);
}

.rs-konf__upload {
	display: grid;
	gap: 0.4rem;
	padding: 1rem 1.25rem;
	border-radius: var(--rs-r-m);
	background: var(--wp--preset--color--stahl-hell);
}

/* Ohne JavaScript: das Feld erscheint, sobald das Frontblech angekreuzt ist. */
.rs-konf__step--zubehoer:has(.rs-konf__choice--frontblech input:checked) .rs-konf__upload[hidden] {
	display: grid;
}

.rs-konf__upload label {
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__upload input[type="file"] {
	max-width: 100%;
	font: inherit;
	font-size: 0.95rem;
}

.rs-konf__upload small {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--schiefer);
}

/* Zusammenfassung – klebt beim Scrollen. Ist sie höher als der Platz zwischen Header und
   schwebendem Dock, setzt view.js «top» so, dass Preis und Knöpfe über dem Dock bleiben. */
.rs-konf__panel {
	position: sticky;
	top: 120px;
	min-width: 0;
}

/* Neben der Zusammenfassung liegt das Dock quer statt gestapelt – so nimmt es weniger Höhe. */
body:has(.rs-konf) .rs-dock {
	flex-direction: row-reverse;
	align-items: center;
}

.rs-konf__panel-inner {
	padding: clamp(1.25rem, 3vw, 2rem);
	border-radius: var(--rs-r-l);
	background: var(--wp--preset--color--weiss);
	box-shadow: var(--rs-float-high);
}

.rs-konf__panel-img {
	display: block;
	width: min(100%, 200px);
	height: auto;
	aspect-ratio: 1;
	margin: 0 auto 0.5rem;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.rs-konf__eyebrow {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--schiefer);
}

.rs-konf__title {
	margin: 0 0 1rem;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: clamp(1.35rem, 1rem + 1vw, 1.75rem);
	letter-spacing: -0.02em;
	line-height: 1.15;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__sum,
.rs-konf__lines {
	display: grid;
	gap: 0.45rem;
	margin: 0;
}

.rs-konf__lines:empty {
	display: none;
}

.rs-konf__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	margin: 0;
}

.rs-konf__row dt {
	margin: 0;
	font-size: 0.95rem;
	color: var(--wp--preset--color--schiefer);
}

.rs-konf__row dd {
	margin: 0;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__row--basis dt {
	color: var(--wp--preset--color--tinte);
}

.rs-konf__row--zeile.is-anfrage dd {
	font-weight: 500;
	color: var(--wp--preset--color--schiefer);
}

.rs-konf__row--delta {
	padding-top: 0.5rem;
	border-top: 1px solid var(--rs-hairline);
}

.rs-konf__row--total {
	margin-top: 0.25rem;
	padding-top: 0.75rem;
	border-top: 2px solid var(--wp--preset--color--tinte);
}

.rs-konf__row--total dt {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__row--total dd {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.2rem);
	letter-spacing: -0.03em;
}

.rs-konf__note {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin: 1rem 0 0;
	padding: 0.8rem 1rem;
	border-radius: var(--rs-r-s);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	color: var(--wp--preset--color--tinte);
}

.rs-konf__note--gas {
	background: var(--wp--preset--color--stahl-hell);
}

.rs-konf__note--gas .rs-icon {
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	color: var(--wp--preset--color--rot);
}

.rs-konf__note--ask {
	background: var(--wp--preset--color--kaese-hell);
}

.rs-konf__actions {
	display: grid;
	gap: 0.6rem;
	margin-top: 1.25rem;
}

.rs-konf__btn {
	width: 100%;
	border: 0;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	text-align: center;
}

.rs-konf__btn--zweit,
.rs-konf__btn--zweit:hover {
	background: transparent;
	color: var(--wp--preset--color--tinte);
	box-shadow: inset 0 0 0 1.5px currentColor;
}

.rs-konf__btn--zweit:hover {
	background: rgba(15, 59, 46, 0.06);
}

.rs-konf__fine {
	margin: 1rem 0 0;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--wp--preset--color--schiefer);
}

/* Schmale Seiten: Zusammenfassung unter den Schritten */
@media (max-width: 900px) {
	.rs-konf__form {
		grid-template-columns: minmax(0, 1fr);
	}

	.rs-konf__panel {
		position: static;
	}
}

/* Handy: Text über die volle Breite, darunter Bild links und Preis rechts */
@media (max-width: 620px) {
	.rs-konf__choice,
	.rs-konf__choice--gross {
		grid-template-columns: auto auto minmax(0, 1fr);
		grid-template-areas:
			"input text text"
			"input img price";
		gap: 0.5rem 0.75rem;
	}

	.rs-konf__img {
		width: 84px;
		height: 60px;
	}

	.rs-konf__choice--gross .rs-konf__img {
		width: 84px;
		height: 84px;
	}

	/* Lange Preistexte («CHF 210.00 je Stück», «– CHF 714.00 · auf Anfrage») ragten über den
	   rechten Bildschirmrand hinaus, weil die Preis-Spalte hier schmaler wird als ihr Inhalt
	   (minmax(0, 1fr)) – der Text lief aber, wegen white-space: nowrap, trotzdem einzeilig
	   weiter statt umzubrechen. Gleiche Lösung wie bei .rs-konf__row dd oben: umbrechen lassen. */
	.rs-konf__price {
		align-self: center;
		white-space: normal;
	}

	/* Zubehör: das Zahlenfeld rutscht in die zweite Zeile neben Bild und Preis. */
	.rs-konf__choice--menge {
		grid-template-areas:
			"text text text"
			"input img price";
	}

	.rs-konf__row dd {
		white-space: normal;
		text-align: right;
	}
}

/* Im Editor nicht kleben, sonst rutscht die Vorschau beim Scrollen mit. */
.editor-styles-wrapper .rs-konf__panel {
	position: static;
}

/* --------------------------------------------------------------------------
   Weniger Bewegung, wenn gewünscht
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --------------------------------------------------------------------------
   Bestellung drucken – Knopf und A4-Fassung
   -------------------------------------------------------------------------- */

.rs-print {
	margin-top: clamp(1.25rem, 3vw, 1.75rem);
}

.rs-print__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	cursor: pointer;
	border: 0;
	font: inherit;
	font-weight: 700;
}

.rs-print__btn .rs-icon {
	width: 1.15em;
	height: 1.15em;
	flex: none;
}

.rs-print__hint {
	margin: 0.6rem 0 0;
	font-size: 0.85rem;
	color: var(--wp--preset--color--schiefer);
}

/* Absenderzeile nur fürs Papier. */
.rs-print-head {
	display: none;
}

/* --------------------------------------------------------------------------
   Druckfassung: dieselbe Bestätigung, auf A4 gebracht
   -------------------------------------------------------------------------- */

@page {
	size: A4;
	margin: 16mm 14mm;
}

@media print {
	/* Tinte sparen und Lesbarkeit sichern: weisses Papier statt käsegelber Fläche. */
	html,
	body {
		background: #FFFFFF !important;
		color: #000000 !important;
		font-size: 11pt;
	}

	body::before,
	body::after {
		display: none !important;
	}

	.rs-print-head {
		display: block !important;
		margin: 0 0 6mm;
		padding-bottom: 3mm;
		border-bottom: 1px solid #C9CFD2;
		font-size: 10pt;
		line-height: 1.5;
	}

	/* Alles, was nur am Bildschirm einen Zweck hat. */
	.rs-site-header,
	.rs-dock,
	.rs-footer,
	.rs-print,
	.wc-block-mini-cart,
	.wp-block-navigation,
	.rs-search,
	.wp-block-woocommerce-breadcrumbs,
	.wc-block-order-confirmation-status-actions {
		display: none !important;
	}

	/* Der Teller wird zum schlichten Block: kein Schatten, keine runden Ecken, volle Breite. */
	.wp-block-woocommerce-order-confirmation-totals-wrapper.wc-block-order-confirmation-totals-wrapper,
	.woocommerce-order .woocommerce-order-details {
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
	}

	.rs-main,
	.wp-block-group {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* Zeilen nicht über den Seitenrand hinweg zerreissen. */
	tr,
	.wc-block-order-confirmation-order-note,
	.wc-block-order-confirmation-address-wrapper {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	h1,
	h2 {
		break-after: avoid;
		page-break-after: avoid;
	}

	/* Adressen nebeneinander lassen – auf A4 ist dafür Platz. */
	.wc-block-order-confirmation-address-wrapper {
		display: flex !important;
		gap: 12mm;
	}

	.wc-block-order-confirmation-address-wrapper > .wp-block-column {
		flex: 1;
	}

	/* Verweise brauchen auf Papier keine Farbe; die Adresse dahinter schon gar nicht. */
	a {
		color: #000000 !important;
		text-decoration: none !important;
	}

	a[href]::after {
		content: "" !important;
	}

	.wc-block-order-confirmation-order-note {
		background: #F4F6F7 !important;
	}
}

/* ------------------------------------------------------------------ Spamschutz (reCAPTCHA v3) */
/* Das schwebende Google-Badge bleibt aus – der von Google verlangte Hinweis steht stattdessen
   unter jedem geschützten Formular (.rs-form__legal). */
.grecaptcha-badge {
	visibility: hidden;
}

.rs-form__legal {
	margin: 0.75rem 0 0;
	font-size: 0.8rem;
	line-height: 1.5;
	opacity: 0.75;
}

.rs-form__legal a {
	color: inherit;
	text-decoration: underline;
}