/* Atelier – Theme-Chrome (Header/Footer/Navigation). Nur Preset-Variablen. */

/* ===== Header ===== */
/* Sticky auf dem <header>-Template-Part-Wrapper (direktes Kind von .wp-site-blocks,
   das die volle Seitenhöhe hat) – nur so bleibt der Header beim Scrollen oben kleben. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}

.atelier-header {
	background: var(--wp--preset--color--surface);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

.atelier-header__inner {
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
	gap: 1.5rem;
}

.atelier-header .wp-block-navigation {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
}

.atelier-header .wp-block-navigation a,
.atelier-header .wp-block-navigation .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.atelier-header .wp-block-navigation a:hover {
	color: var(--wp--preset--color--cta);
}

.atelier-header .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--background);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Warenkorb-Link in Markenfarbe */
.atelier-header .atelier-header__cart-link {
	color: var(--wp--preset--color--primary);
}

.atelier-header .atelier-cart-count {
	background: var(--wp--preset--color--cta);
	color: var(--wp--preset--color--surface);
}

/* ===== Footer ===== */
.atelier-footer {
	color: var(--wp--preset--color--text);
}

.atelier-footer a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

.atelier-footer a:hover {
	text-decoration: underline;
}

.atelier-footer h5 {
	font-size: var(--wp--preset--font-size--medium);
	margin-bottom: 0.5rem;
}

/* =====================================================================
   Bestehende Home-Content-Sektionen (Core/Custom-HTML) – nur Presets.
   ===================================================================== */

/* Vollbreite: Hero-Video/Cover + große Content-Bilder randlos über die ganze Breite */
.lam-hero.wp-block-cover.alignfull,
.home .wp-block-cover.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
.home .wp-block-image.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
.home .wp-block-image.alignfull img { width: 100%; display: block; }

/* Events-Sektion: KEIN weißer Hintergrund (beige wie Seite) + breiter (wie Live/Editor).
   Header ausgenommen – der bleibt weiß. */
.home .wp-block-group.alignfull.has-surface-background-color:not(.atelier-header) {
	background-color: var(--wp--preset--color--background) !important;
}
.home .wp-block-group.alignfull.has-surface-background-color:not(.atelier-header) .wp-block-columns {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw - 100px);
	max-width: 1770px !important;
	margin-inline: 0;
}

/* 100vw-Vollbreite erzeugt sonst eine horizontale Scrollbar (Scrollbarbreite) – clip. */
.wp-site-blocks { overflow-x: clip; }

/* Eingebettete iframes ohne Rahmen (eTermin, Karte, Einbettungen). */
iframe { border: 0; }

/* Anker-Ziele (Nav „Gutschein"→#accesories, „Abholen"→#preorder) nicht unter den
   sticky Header scrollen. */
:target { scroll-margin-top: 96px; }

/* Kein Beige-Streifen zwischen Header und Hero – Hero bündig unter den Header. */
.home main.wp-block-group { padding-top: 0; margin-top: 0; }
.home .wp-block-post-content { margin-top: 0; }
.home .wp-block-post-content > *:first-child { margin-top: 0 !important; }

/* Hero (Cover) – Inhalt unten, weiße Headline, CTA-Button */
.lam-hero.wp-block-cover { min-height: min(78vh, 720px); align-items: flex-end; }
.lam-hero .wp-block-cover__inner-container { text-align: center; padding-bottom: clamp(2rem, 6vh, 4rem); }
.lam-hero.wp-block-cover :where(h1, h2, .wp-block-heading) { color: var(--wp--preset--color--surface) !important; }
.lam-hero .wp-block-button__link {
	background: var(--wp--preset--color--cta);
	color: var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--button);
	font-family: var(--wp--preset--font-family--button);
}

/* Event-Karten "mehr Infos" – schlichter Link */
a.lam-more, .lam-more a {
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}
a.lam-more:hover { color: var(--wp--preset--color--cta); text-decoration: underline; }

/* "So geht's"-Schritte */
.lam-steps { max-width: 940px; margin-inline: auto; }
.lam-step { align-items: flex-start; }
.lam-step .wp-block-image { margin: 0; }
.lam-step h4 { margin: 0 0 0.25rem; color: var(--wp--preset--color--primary); }

/* Produkt-Boxen (Gutschein/Malbox – weiße Spalten) */
.home .wp-block-column.has-surface-background-color {
	display: flex;
	flex-direction: column;
	padding: 2rem !important;
	border-radius: var(--wp--custom--radius--card);
}
.home .wp-block-column.has-surface-background-color > .wp-block-image { align-self: center; margin: 1.5rem 0 !important; }
.home .wp-block-column.has-surface-background-color .wp-block-button__link {
	display: block; width: 100%; text-align: center;
	background: var(--wp--preset--color--background) !important;
	color: var(--wp--preset--color--text) !important;
	border-radius: var(--wp--custom--radius--button);
}

/* Galerie – Instagram-Raster (behebt Stapeln) + breiter/zentriert = größere Bilder */
.lam-iggrid {
	display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
	position: relative; left: 50%; transform: translateX(-50%);
	width: calc(100vw - 100px); max-width: 1770px;
}
.lam-iggrid a { display: block; overflow: hidden; }
.lam-iggrid img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: opacity 0.2s ease; }
.lam-iggrid a:hover img { opacity: 0.85; }
/* Nur EINE Reihe: 5 Bilder (Desktop), 3 (Mobile). */
.lam-iggrid a:nth-child(n+6) { display: none; }
@media (max-width: 781px) {
	.lam-iggrid { grid-template-columns: repeat(3, 1fr); }
	.lam-iggrid a:nth-child(n+4) { display: none; }
}

/* Instagram-Icon (Kreis) */
.lam-insta { text-align: center; margin-top: 1.75rem; }
.lam-insta a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 64px; height: 64px; border: 2px solid var(--wp--preset--color--primary);
	border-radius: 50%; color: var(--wp--preset--color--primary);
}
.lam-insta a:hover { color: var(--wp--preset--color--cta); border-color: var(--wp--preset--color--cta); }
.lam-insta svg { width: 34px; height: 34px; }

/* =====================================================================
   Unterseiten (Content/Rechtstexte/Woo) – nur Presets, global (nicht .home).
   ===================================================================== */

/* Content nutzt textColor:"accent" – aber "accent" ist KEIN Palette-Slug
   (nur accent-1/2/3). WP generiert dafür keine Regel → Überschrift erbt
   Fließtext-Grau statt der Marken-Olive. Live = Olive. Remap auf primary. */
.has-accent-color { color: var(--wp--preset--color--primary) !important; }
.has-accent-background-color { background-color: var(--wp--preset--color--primary) !important; }

/* WooCommerce Schritt-Indikator (Warenkorb → Kasse → Bestellung), wie Live. */
.atelier-wc-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem 0.9rem;
	margin: 0 auto 2.5rem;
	padding: 0.5rem 0 1.5rem;
}
.atelier-wc-step {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	text-decoration: none;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--large);
	line-height: 1;
}
.atelier-wc-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	flex: 0 0 auto;
	border-radius: 50%;
	border: 2px solid currentColor;
	font-size: var(--wp--preset--font-size--medium);
}
.atelier-wc-step.is-active .atelier-wc-step__num,
.atelier-wc-step.is-done .atelier-wc-step__num {
	background: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
}
.atelier-wc-step.is-todo {
	color: color-mix(in srgb, var(--wp--preset--color--text) 40%, var(--wp--preset--color--surface));
}
.atelier-wc-step__sep {
	color: color-mix(in srgb, var(--wp--preset--color--text) 35%, var(--wp--preset--color--surface));
	font-size: 1.6rem;
	line-height: 1;
}

/* WooCommerce-Blocktheme-CSS kappt .woocommerce auf 1000px (Cart/Kasse/Konto) –
   aufheben, damit die 2 Spalten die volle Content-Breite nutzen (sonst gequetscht). */
.woocommerce-cart main .woocommerce,
.woocommerce-checkout main .woocommerce,
.woocommerce-account main .woocommerce {
	max-width: none !important;
}

/* Hinweis-Box über dem Kassenformular (Malbox-Bestätigung), 2-spaltig wie Live. */
.atelier-checkout-notice {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	margin: 0 0 2.5rem;
	align-items: start;
}
.atelier-checkout-notice__title {
	margin: 0;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	color: var(--wp--preset--color--text);
}
.atelier-checkout-notice__text p { margin: 0 0 0.75rem; }
.atelier-checkout-notice__hl {
	color: var(--wp--preset--color--primary);
	font-weight: 500;
}
@media (max-width: 782px) {
	.atelier-checkout-notice { grid-template-columns: 1fr; gap: 1rem; }
}

/* Formular-/Tabellen-Text im Warenkorb/Checkout auf Formulargröße (Site-Body=24px
   ist für Formulare zu groß). Überschriften + Step-Indikator bleiben unberührt. */
.woocommerce-checkout form.checkout,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-cart .cart-collaterals {
	font-size: var(--wp--preset--font-size--small);
}
.woocommerce-checkout form.checkout :where(input, select, textarea, button, label, p, td, th, li, a, dt, dd, span),
.woocommerce-cart .woocommerce-cart-form :where(input, select, textarea, button, label, p, td, th, li, a),
.woocommerce-cart .cart-collaterals :where(input, select, textarea, button, label, p, td, th, li, a) {
	font-size: var(--wp--preset--font-size--small);
}

/* Verhältnis Text ↔ Input: Labels enger (Site-line-height 30px ist für 15px zu locker),
   Inputs kompakter, damit die kleine Schrift proportional zum Feld sitzt. */
.woocommerce-checkout form.checkout label,
.woocommerce-cart .woocommerce label {
	line-height: 1.4;
	margin-bottom: 0.3rem;
	display: inline-block;
}
/* Kompaktere Felder (Live-Felder sind kleiner). WooCommerce-Blocktheme setzt
   .woocommerce-page form .form-row input.input-text { padding:.9rem 1.1rem } –
   überschreiben. */
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea.input-text,
.woocommerce-page form .form-row select,
.woocommerce-checkout form.checkout input.input-text,
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea {
	padding: 0.5rem 0.75rem !important;
	line-height: 1.4 !important;
}

/* 2-Spalten-Layout Warenkorb: Artikel links, Summe als Sidebar rechts (wie Live). */
@media (min-width: 900px) {
	.woocommerce-cart .woocommerce-cart-form {
		float: left;
		width: 63%;
	}
	.woocommerce-cart .cart-collaterals {
		float: right;
		width: 33%;
	}
	.woocommerce-cart .cart-collaterals .cart_totals {
		float: none;
		width: 100%;
	}
	.woocommerce-cart .woocommerce::after {
		content: "";
		display: block;
		clear: both;
	}

	/* 2-Spalten-Layout Kasse via Grid (füllt die volle Breite – Floats maßen
	   fälschlich gegen einen schmaleren Container). Rechnungsdaten links,
	   Zahlung/Bestellung rechts. */
	.woocommerce-checkout form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
		grid-template-areas:
			"customer review-head"
			"customer review";
		column-gap: 2.5rem;
		align-items: start;
		width: 100%;
		max-width: none;
	}
	.woocommerce-checkout #customer_details { grid-area: customer; display: block; }
	.woocommerce-checkout #order_review_heading { grid-area: review-head; margin-top: 0; }
	.woocommerce-checkout #order_review { grid-area: review; }
	/* Rechnungs-Unterspalten (col2-set) gestapelt über die volle linke Spalte. */
	.woocommerce-checkout #customer_details > .col-1,
	.woocommerce-checkout #customer_details > .col-2 {
		float: none;
		width: 100%;
		max-width: none;
	}
}

/* Summe/Bestellung-Box optisch abgesetzt (heller Rahmen) wie Live. */
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review {
	background: color-mix(in srgb, var(--wp--preset--color--background) 55%, var(--wp--preset--color--surface));
	padding: 1.5rem;
	border-radius: var(--wp--custom--radius--card);
}

/* Klassische WooCommerce-Archive (Shop/Kategorie – über header.php/footer.php-Brücke):
   Inhalt auf Container-Breite begrenzen + Innenabstand wie die übrigen Seiten. */
.atelier-woo-main {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding: 2rem 24px 3.5rem;
	box-sizing: border-box;
}
.atelier-woo-main .woocommerce-breadcrumb { margin-bottom: 1rem; }

/* Pinke "Für wen"-Boxen (Event-Seiten, accent-2): Text komplett weiß (wie Live) –
   Überschriften erben sonst die globale Oliv-Farbe. */
.wp-block-column.has-accent-2-background-color,
.wp-block-column.has-accent-2-background-color :where(h1, h2, h3, h4, h5, h6, p, li, a) {
	color: var(--wp--preset--color--surface);
}
/* 3 abgestufte Pink-Töne wie Live (aus accent-2 + surface gemischt -> bleibt
   brand-driven, Child-Override von accent-2/surface wirkt weiter). Karte 3 = voll. */
.wp-block-column.has-accent-2-background-color:nth-child(1) {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-2) 72%, var(--wp--preset--color--surface)) !important;
}
.wp-block-column.has-accent-2-background-color:nth-child(2) {
	background-color: color-mix(in srgb, var(--wp--preset--color--accent-2) 45%, var(--wp--preset--color--surface)) !important;
}

/* "So geht's"-Cover-Karten (lam-sgcard): Link als weißer Outline-Button auf dem
   Bild (wie Live) statt schlichtem Textlink. */
a.lam-cardlink {
	display: inline-block;
	margin-top: 0.85rem;
	padding: 0.6rem 1.5rem;
	border: 2px solid var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--button);
	color: var(--wp--preset--color--surface);
	font-family: var(--wp--preset--font-family--button);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	text-decoration: none;
	background: transparent;
	transition: background 0.15s ease, color 0.15s ease;
}
a.lam-cardlink:hover {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary);
}

/* Shop-Landingpage: icon-card-grid mit normal geschriebenen Titeln (Live-Shop-Karten
   sind nicht in Versalien wie die Home-Aktionskarten) + etwas mehr Höhe/Padding. */
.atelier-cards--plain .atelier-card__title { text-transform: none; }
.atelier-cards--plain .atelier-card { min-height: 200px; padding: 2rem 1.5rem; }

/* FAQ-Akkordeon (core/details, className "lam-faq") – Live-Optik (2026-07-16, gemessen):
   RAHMENLOSE Liste (nur dünne Trennlinie unten), grünes/olives „+" LINKS vor der Frage,
   Frage in Oliv & normalem Gewicht (nicht fett/schwarz). */
.wp-block-details.lam-faq {
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 0;
	margin: 0;
	background: transparent;
}
.wp-block-details.lam-faq > summary {
	list-style: none;
	cursor: pointer;
	padding: 15px 0;
	font-weight: 400;
	color: var(--wp--preset--color--primary);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.75rem;
}
.wp-block-details.lam-faq > summary::-webkit-details-marker { display: none; }
.wp-block-details.lam-faq > summary::before {
	content: "+";
	color: var(--wp--preset--color--primary);
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1;
	flex: 0 0 auto;
	width: 1em;
	text-align: center;
}
.wp-block-details.lam-faq[open] > summary::before { content: "\2013"; }
.wp-block-details.lam-faq > *:not(summary) {
	padding: 0 0 18px 1.75rem;
	margin: 0;
	color: var(--wp--preset--color--text);
}

/* WooCommerce-Buttons erben elements.button (jetzt primary/olive statt Koralle).
   Falls Woo-eigene Regeln zu blass greifen: hier explizit auf Marke halten. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-block-components-button {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
	border-radius: var(--wp--custom--radius--button);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-block-components-button:hover {
	background-color: var(--wp--preset--color--cta);
	color: var(--wp--preset--color--surface);
}

/* ── Einzelprodukt: Germanized-Steuer-/Versandhinweis + Mengen-Stepper ── */
/* Steuer-/Versandhinweis unter dem Preis (klein, dezent, wie Live) */
.single-product .wc-gzd-additional-info {
	margin: 0.15rem 0 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: var(--wp--preset--color--text);
	opacity: 0.75;
}
.single-product .wc-gzd-additional-info.tax-info { margin-top: 0.5rem; }
.single-product .wc-gzd-additional-info a { color: inherit; text-decoration: underline; }

/* Mengen-Stepper (−/+) um das number-Input */
.single-product form.cart .quantity.atelier-qty {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 25%, transparent);
	border-radius: var(--wp--custom--radius--card, 6px);
	overflow: hidden;
	vertical-align: middle;
}
.single-product form.cart .quantity.atelier-qty input.qty {
	width: 3.25rem;
	border: 0;
	border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 15%, transparent);
	border-right: 1px solid color-mix(in srgb, var(--wp--preset--color--text) 15%, transparent);
	text-align: center;
	-moz-appearance: textfield;
	background: transparent;
}
.single-product form.cart .quantity.atelier-qty input.qty::-webkit-outer-spin-button,
.single-product form.cart .quantity.atelier-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.atelier-qty__btn {
	appearance: none;
	border: 0;
	background: transparent;
	width: 2.5rem;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	color: var(--wp--preset--color--primary);
	transition: background-color 0.15s ease;
}
.atelier-qty__btn:hover {
	background: color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent);
}

/* Abholung – Oliv/Primary-Box überlappt das Bild (Desktop) */
.lam-abhol__box {
	background: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--radius--card);
	padding: 2.25rem;
}
.lam-abhol__box, .lam-abhol__box p, .lam-abhol__box li,
.lam-abhol__box :where(h4, h5, h6) { color: var(--wp--preset--color--surface); }
@media (min-width: 782px) {
	.lam-abhol.wp-block-columns > .lam-abhol__box { margin-left: -4.5rem; z-index: 2; }
}

/* 399 „Deine Veranstaltung“ – CTA-Buttons live-genau: weiß/outline wie die
   .exad-card-action-Buttons auf lamooi.de (nicht oliv). Nur auf Seite 399 gescopet
   und nur die schlichten CTA-Buttons; der weiße Grau-Box-Button „Zur Buchung“
   (.has-background) bleibt unberührt. Werte + Hover gemessen an Live 2026-07-16. */
.page-id-399 .wp-block-button__link:not(.has-background) {
	background-color: #ffffff;
	color: #222222;
	border: 1px solid #848484;
	border-radius: 0;
	padding: 15px 35px;
	font-weight: 300;
}
.page-id-399 .wp-block-button__link:not(.has-background):hover,
.page-id-399 .wp-block-button__link:not(.has-background):focus {
	background-color: #848484;
	color: #ffffff;
	border-color: #848484;
}

/* WooCommerce Kategorie-Archiv: Unterkategorie-Kachel-Titel zentriert (= Live).
   Lokal rendern die Labels sonst linksbündig. */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
	text-align: center;
}
.woocommerce .woocommerce-loop-category__title,
.woocommerce-page .woocommerce-loop-category__title {
	text-align: center;
}

/* Mein Konto: an Live – beide Buttons volle Spaltenbreite, WooCommerce-Default-Box (grauer
   Rahmen um login/register) entfernen, stattdessen dezente Trennlinie zwischen den Spalten. */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
	width: 100%;
	display: block;
	text-align: center;
}
.woocommerce-account form.login,
.woocommerce-account form.register {
	border: 0;
	padding: 0;
	margin: 0;
}
@media (min-width: 782px) {
	.woocommerce-account .u-columns .u-column2.col-2 {
		border-left: 1px solid rgba(0, 0, 0, 0.12);
		padding-left: 3rem;
	}
}

/* Geschenkkarten-Saldo (PW Gift Cards) – an Live angeglichen: Unterstrich-Input + oliver Button
   statt Default-Browser-Feld + grauem Button. */
#pwgc-balance-form {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	flex-wrap: wrap;
	max-width: 640px;
}
#pwgc-balance-number {
	flex: 1 1 260px;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--primary);
	border-radius: 0;
	background: transparent;
	padding: 0.55rem 0.25rem;
	font-size: var(--wp--preset--font-size--small);
}
#pwgc-balance-number:focus { outline: 0; border-bottom-color: var(--wp--preset--color--cta); }
#pwgc-balance-button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--surface);
	border: 0;
	border-radius: var(--wp--custom--radius--button);
	padding: 0.7rem 1.6rem;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--button);
}
#pwgc-balance-button:hover { background: var(--wp--preset--color--cta); }

/* ============================ v2-Feinschliff (2026-07-17) ============================ */

/* Header an Live: höher (Live ~95px vs. lokal ~84px) + Logo kleiner (Live ~31px vs. 35px). */
.atelier-header__inner {
	min-height: 95px;
	align-items: center;
	transition: min-height 0.25s ease;
}
.atelier-header .wp-block-site-logo img,
.atelier-header .custom-logo {
	height: 31px !important;
	width: auto !important;
}

/* Beim Scrollen schrumpft die Sticky-Leiste (wie perlen.studio): niedrigere
   Innenhöhe → kompakter Header. .is-scrolled setzt der Header-Block per JS. */
.atelier-header.is-scrolled .atelier-header__inner {
	min-height: 52px;
}

/* Bild-Radius wie Live (7px) auf Content-Bildern (nicht randlos/Hero). */
:where(.wp-block-post-content, .entry-content) .wp-block-image:not(.alignfull) img {
	border-radius: 7px;
}

/* Sub-Überschriften schwarz/fett wie Live (Entscheidung 2026-07-17) – gescopet auf
   Rechtstext-/Konto-/Saldo-Seiten. Oliv-Sektions-H2 der Content-Seiten bleiben unberührt. */
.page-id-3 .wp-block-post-content :where(h1, h2, h3, h4, h5, h6),
.woocommerce-account .woocommerce :where(h2, h3),
.page-id-11361 .wp-block-post-content :where(h1, h2, h3) {
	color: #222222 !important;
	font-weight: 700 !important;
}

/* 399: Seiten-Headline groß/fett/schwarz/Versalien wie Live – NUR die dünne 24px-Headline,
   NICHT die oliven 40px-Sektions-H2. */
.page-id-399 h2.wp-block-heading[style*="font-weight:300"] {
	color: #222222 !important;
	font-weight: 700 !important;
	font-size: 30px !important;
	text-transform: uppercase;
	line-height: 1.15;
}

/* Kategorie-Kachel-Labels wie Live: oliv, normales Gewicht (lokal war fett/dunkel);
   Produktanzahl (count) ebenfalls oliv/leicht, ohne mark-Hintergrund. */
.woocommerce .woocommerce-loop-category__title,
.woocommerce-page .woocommerce-loop-category__title {
	color: var(--wp--preset--color--primary);
	font-weight: 400;
}
.woocommerce .woocommerce-loop-category__title .count,
.woocommerce-page .woocommerce-loop-category__title .count {
	color: var(--wp--preset--color--primary);
	font-weight: 400;
	background: transparent;
}