/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* LAGO: sekundaerer CTA als gleichrangiger Outline-Button */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background-color: transparent !important;
	border-style: solid;
}

/* LAGO: Tablet-Zwischenstufe 2x2 (§34) — hoehere Spezifitaet als Core */
@media (min-width: 600px) and (max-width: 991px) {
	body .wp-block-columns.is-layout-flex {
		flex-wrap: wrap !important;
	}
	body .wp-block-columns.is-layout-flex > .wp-block-column.is-layout-flow {
		flex-basis: calc(50% - 1rem) !important;
		flex-grow: 0 !important;
	}
}

/* ===================================================================
   LAGO Produktseite (SHOP-PDP-01)
   Ausschliesslich Darstellung. Die importierten Wortmann-Inhalte bleiben
   unveraendert - keine Tabellenattribute in den Quelldaten.
   =================================================================== */

/* Kurzspezifikation aus PRINTTEXT */
.lago-kurzspec {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.lago-kurzspec li {
	position: relative;
	padding: 2px 0 2px 14px;
	line-height: 1.45;
}
.lago-kurzspec li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: currentColor;
	opacity: .45;
}

/* Identifikatoren im Kopfbereich */
.lago-ident {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 2px 16px;
	margin: 0 0 16px;
	font-size: .92em;
}
.lago-ident dt {
	opacity: .65;
}
.lago-ident dd {
	margin: 0;
	font-variant-numeric: tabular-nums;
}

/* Zweiter CTA neben dem Warenkorb */
.lago-anfrage {
	margin: 12px 0 0;
}
.lago-anfrage-button {
	background: transparent !important;
	border: 1px solid currentColor;
	display: inline-block;
}
.lago-anfrage-hinweis {
	display: block;
	margin-top: 6px;
	font-size: .85em;
	opacity: .7;
}

/* Spezifikationstabelle: dezente Zellrahmen (SHOP-TABLE-CSS-01).
   Eng auf die Reiterinhalte begrenzt - Warenkorb, Kasse, Konto und
   Backend bleiben unberuehrt. */
.woocommerce-Tabs-panel table,
.wd-tab-content table,
.lago-eckdaten {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 14px;
	font-size: .93em;
}
.woocommerce-Tabs-panel table td,
.woocommerce-Tabs-panel table th,
.wd-tab-content table td,
.wd-tab-content table th,
.lago-eckdaten td {
	border: 1px solid rgba(128, 128, 128, .28);
	padding: 7px 10px;
	vertical-align: top;
	text-align: left;
}
.woocommerce-Tabs-panel table tr:nth-child(even) td,
.wd-tab-content table tr:nth-child(even) td,
.lago-eckdaten tr:nth-child(even) td {
	background: rgba(128, 128, 128, .05);
}
.lago-eckdaten td:first-child {
	width: 34%;
	opacity: .75;
}
/* Auf schmalem Viewport scrollt die Tabelle, statt die Seite zu sprengen */
@media (max-width: 767px) {
	.woocommerce-Tabs-panel,
	.wd-tab-content {
		overflow-x: auto;
	}
}

.lago-quelle {
	margin-top: 10px;
	font-size: .84em;
	opacity: .6;
}

/* Zubehoerliste */
.lago-zubehoer {
	margin: 0;
	padding: 0;
	list-style: none;
}
.lago-zubehoer li {
	padding: 8px 0;
	border-bottom: 1px solid rgba(128, 128, 128, .2);
}
.lago-zubehoer-sku,
.lago-zubehoer-preis {
	font-size: .88em;
	opacity: .7;
	margin-left: 10px;
}

/* ===================================================================
   LAGO Kategorie-Hub (SHOP-CAT-HUB-01)
   Gilt nur auf der Elternkategorie TERRA.
   =================================================================== */

.lago-hub-intro {
	max-width: 62ch;
	margin: 0 0 26px;
}
.lago-hub-intro p {
	margin: 0;
	font-size: 1.02em;
	line-height: 1.55;
	opacity: .8;
}

.lago-hub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 16px;
	margin: 0 0 40px;
}

.lago-hub-kachel {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 22px 20px;
	border: 1px solid rgba(128, 128, 128, .26);
	border-radius: 4px;
	text-decoration: none;
	transition: border-color .15s ease, transform .15s ease;
}
.lago-hub-kachel:hover,
.lago-hub-kachel:focus-visible {
	border-color: currentColor;
	transform: translateY(-2px);
	text-decoration: none;
}

.lago-hub-titel {
	font-size: 1.12em;
	font-weight: 600;
	line-height: 1.3;
}
.lago-hub-unterzeile {
	font-size: .9em;
	line-height: 1.45;
	opacity: .72;
}
.lago-hub-anzahl {
	margin-top: 6px;
	font-size: .82em;
	font-variant-numeric: tabular-nums;
	opacity: .55;
}

/* Auf schmalen Viewports eine Kachel je Reihe, damit keine Titel brechen */
@media (max-width: 480px) {
	.lago-hub-grid {
		grid-template-columns: 1fr;
	}
	.lago-hub-kachel {
		padding: 18px;
	}
}

/* ===================================================================
   LAGO Merkmale (SHOP-MERKMALE-01)
   =================================================================== */

/* Unterscheidungszeile auf der Produktkarte im Kategoriearchiv */
.lago-karte-merkmale {
	margin: 4px 0 6px;
	font-size: .84em;
	line-height: 1.4;
	opacity: .72;
}

/* Kerndaten im Reiter Übersicht */
.lago-kerndaten td:first-child {
	width: 38%;
}
.lago-eckdaten-titel {
	margin: 22px 0 8px;
	font-size: 1em;
	opacity: .8;
}

/* Zubehoer: getrennte Herkuenfte (SHOP-ZUBEHOER-01) */
.lago-zubehoer-hinweis {
	margin: -6px 0 12px;
	font-size: .88em;
	opacity: .65;
}
.lago-zubehoer-grund {
	display: block;
	margin-top: 3px;
	font-size: .86em;
	line-height: 1.45;
	opacity: .7;
}

/* Verfuegbarkeit (SHOP-SORT-01) */
.lago-nicht-verfuegbar-hinweis {
	display: inline-block;
	margin: 2px 0 6px;
	padding: 2px 8px;
	border: 1px solid rgba(128, 128, 128, .35);
	border-radius: 2px;
	font-size: .78em;
	opacity: .7;
}
.stock.lago-nicht-verfuegbar {
	font-weight: 600;
	opacity: .8;
}


/* ===========================================================================
 * LAGO Corporate Design — Seitentitel, Leitfarbe, Meldungen
 * Stand 15.08.2026. Leitgruen #83b735 (belegt aus der ausgelieferten Startseite).
 * WooCommerce bringt fuer Meldungen eigene Gruentoene mit; sie werden hier
 * durchgaengig auf das Leitgruen gezogen. WoodMart selbst definiert fuer
 * `.woocommerce-message` keine Farbe (live geprueft am 15.08.2026), es gibt
 * hier also nichts zu ueberschreiben, was das Theme spaeter zuruecksetzt.
 * ======================================================================== */

:root {
	--lago-gruen: #83b735;
	--lago-gruen-dunkel: #6e9c2c;
	--lago-schwarz: #0b0f14;

	/* WoodMart definiert beide Aktionsfarben identisch auf #83b735
	   (Parent-Theme css/style.css, Zeilen 22738/22739, live geprueft am
	   15.08.2026). Der Hover-Zustand ist dadurch nicht unterscheidbar.
	   Er wird hier auf den dunkleren Leitton gesetzt. */
	--wd-action-color: #83b735;
	--wd-action-color-hover: #6e9c2c;
}

/* Seitentitel im dunklen Banner: war deutlich zu gross im Verhaeltnis zur
   uebrigen Typografie. Skaliert mit der Viewportbreite statt fester Groesse. */
.wd-page-title .entry-title.title {
	font-size: clamp(1.6rem, 3.2vw, 2.4rem);
	line-height: 1.2;
	letter-spacing: -.01em;
}

@media (max-width: 768.98px) {
	.wd-page-title .entry-title.title {
		font-size: clamp(1.35rem, 5.5vw, 1.8rem);
	}
}

/* Bannerhoehe an die kleinere Schrift angleichen. */
.wd-page-title.page-title-default {
	padding-top: 42px;
	padding-bottom: 42px;
}

@media (max-width: 768.98px) {
	.wd-page-title.page-title-default {
		padding-top: 28px;
		padding-bottom: 28px;
	}
}

/* WooCommerce-Meldungen auf das Leitgruen. */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-info {
	background-color: var(--lago-gruen) !important;
	border-color: var(--lago-gruen) !important;
	border-top-color: var(--lago-gruen) !important;
	color: #fff !important;
}

.woocommerce-message a,
.woocommerce-info a,
.wc-block-components-notice-banner.is-success a,
.wc-block-components-notice-banner.is-info a {
	color: #fff !important;
	text-decoration: underline;
}

.woocommerce-message::before,
.woocommerce-info::before,
.wc-block-components-notice-banner.is-success svg,
.wc-block-components-notice-banner.is-info svg {
	color: #fff !important;
	fill: #fff !important;
}

/* Hinweise des B2B-Plugins tragen die WooCommerce-Klassen und erben damit
   dieselbe Farbgebung; abweichend bleiben nur echte Fehlermeldungen rot. */

/* Aktionsflaechen konsequent auf die beiden Leittoene. */
.wp-element-button,
.wc-block-components-button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.btn-color-primary {
	background-color: var(--lago-gruen);
	border-color: var(--lago-gruen);
	color: #fff;
}

.wp-element-button:hover,
.wc-block-components-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.btn-color-primary:hover {
	background-color: var(--lago-gruen-dunkel);
	border-color: var(--lago-gruen-dunkel);
	color: #fff;
}

/* Pflichtfelder im Block-Checkout sichtbar machen.
   Ueber das required-Attribut statt ueber Klassennamen: die Klassen des
   Block-Checkouts aendern sich mit WooCommerce-Updates, das Attribut nicht.
   Solange die Pflicht-Checkbox nicht gesetzt ist, traegt sie einen roten
   Rahmen; mit Haken faellt er weg. */
input[type="checkbox"]:required:not(:checked) {
	outline: 2px solid #b32d2e;
	outline-offset: 1px;
	border-color: #b32d2e !important;
}

input[type="checkbox"]:required:not(:checked) + span,
input[type="checkbox"]:required:not(:checked) ~ .wc-block-components-checkbox__label {
	color: #b32d2e;
}

input[type="checkbox"]:required:checked {
	outline: none;
}

/* Links in Warenkorb und Kasse sichtbar machen.
   Der Anmeldehinweis des Block-Checkouts wird erst im Browser aufgebaut und
   ist serverseitig nicht adressierbar; die Regel greift deshalb generisch auf
   Links innerhalb der beiden Bloecke. Betroffen sind damit auch die Links auf
   AGB und Datenschutz, was dort erwuenscht ist. */
.wp-block-woocommerce-checkout a,
.wp-block-woocommerce-cart a,
.wc-block-components-notice-banner a,
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 600;
}

/* Ausgenommen: Schaltflaechen und Produktverweise, die bereits als solche
   erkennbar sind. */
.wp-block-woocommerce-checkout a.wp-element-button,
.wp-block-woocommerce-cart a.wp-element-button,
.wp-block-woocommerce-cart .wc-block-components-product-name,
.wp-block-woocommerce-checkout .wc-block-components-product-name {
	text-decoration: none;
	font-weight: inherit;
}

/* Spezifikationsansicht (SHOP-PCSPEC-01)
   Erbt Rahmen, Zebra und Spaltenbreite von .lago-eckdaten - hier nur, was
   die gruppierte Darstellung zusaetzlich braucht. */
.lago-spez td:first-child {
	width: 38%;
}
.lago-spez-titel {
	margin: 20px 0 7px;
	font-size: .97em;
	font-weight: 600;
	opacity: .85;
}
.lago-spez-titel:first-of-type {
	margin-top: 4px;
}
/* Nicht geliefert ist ein Zustand, keine Aussage - deshalb sichtbar
   zurueckgenommen, aber nicht versteckt. */
.lago-spez-fehlt {
	opacity: .5;
	font-style: italic;
}

/* Rechte Kaufspalte (SHOP-PDP-LAYOUT-01)
   Ruhige Kaufzone: kleines Label, dominanter Preis, gruene Verfuegbarkeit,
   dezente Lieferzeit. Bewusst ohne Kartenrahmen. */
.lago-kauf-preislabel {
	margin: 0 0 2px;
	font-size: .82em;
	opacity: .65;
}
.wd-single-price .price {
	font-size: 1.9em;
	font-weight: 700;
	line-height: 1.15;
}
.lago-kauf-versand {
	margin: 8px 0 0;
	font-size: .88em;
}
.lago-kauf-versand--frei {
	color: #2e7d32;
	font-weight: 600;
}
.lago-kauf-versand__icon {
	margin-right: 4px;
}
.lago-kauf-trenner {
	margin: 18px 0 14px;
	border: 0;
	border-top: 1px solid rgba(128, 128, 128, .28);
}
.lago-kauf-bestand {
	margin: 0;
	font-size: 1.02em;
	font-weight: 600;
}
.lago-kauf-punkt {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 7px;
	border-radius: 50%;
	vertical-align: middle;
}
.lago-kauf-bestand--lagernd {
	color: #2e7d32;
}
.lago-kauf-bestand--lagernd .lago-kauf-punkt {
	background: #2e7d32;
}
/* Zulauf ist kein Fehlerzustand, aber auch kein Lagerbestand - deshalb
   bernsteinfarben statt gruen oder rot. */
.lago-kauf-bestand--zulauf {
	color: #b26a00;
}
.lago-kauf-bestand--zulauf .lago-kauf-punkt {
	background: #b26a00;
}
.lago-kauf-lieferzeit {
	margin: 3px 0 0;
	font-size: .88em;
	opacity: .7;
}
.lago-kauf-status + .lago-service {
	margin-top: 18px;
}

/* Rueckweg ins gefilterte Sortiment (SHOP-PDP-LAYOUT-01) */
.lago-sortimentslink {
	margin: 14px 0 0;
	font-size: .93em;
}
.lago-sortimentslink a {
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 1px;
}

/* Lieferbarkeitsstufen (SHOP-DELIVERY-STAGES-01)
   Dieselbe Farblogik in Kaufspalte, Trefferliste und Facette: gruen
   sofort, bernstein terminiert, neutral ohne Termin. */
.lago-treffer-verfuegbar--sofort {
	color: #2e7d32;
}
.lago-treffer-verfuegbar--bald,
.lago-treffer-verfuegbar--spaeter {
	color: #b26a00;
}
.lago-filter-lieferbar--sofort .lago-filter-text {
	color: #2e7d32;
}
.lago-filter-lieferbar--bald .lago-filter-text,
.lago-filter-lieferbar--spaeter .lago-filter-text {
	color: #b26a00;
}
/* Rueckweg ins Sortiment gruen - er fuehrt zu verfuegbarer Ware. */
.lago-sortimentslink a {
	color: #2e7d32;
}

/* Facette "Benötigt bis" (SHOP-DELIVERY-STAGES-01) */
.lago-filter-datum input[type="date"] {
	width: 100%;
	/* Ohne Mindestbreite schneidet der Browser in der schmalen Filterspalte
	   das Jahressegment ab - es laesst sich dann nicht eingeben. */
	min-width: 160px;
	box-sizing: border-box;
	padding: 6px 8px;
}
/* Lieferbarkeit und Wunschtermin als eine Einheit. */
.lago-filter-block--anschluss {
	margin-bottom: 10px !important;
	padding-bottom: 6px !important;
	border-bottom: 0 !important;
}
.lago-filter-datumhinweis {
	display: block;
	margin-top: 6px;
	font-size: .82em;
	opacity: .7;
	line-height: 1.4;
}

/* Trefferliste: Lage statt Stufenname */
.lago-treffer-verfuegbar--zulauf {
	color: #b26a00;
}
.lago-treffer-verfuegbar--ohne {
	opacity: .65;
}