/* ==========================================================================
   Hotrod Core — WooCommerce Catalog Skin (High-Gloss v3)
   Lädt via Modul woocommerce-design auf is_woocommerce(): Shop, Archive,
   Single Products. Lädt NACH Bricks' woocommerce-layer.min.css.
   Selektoren gegen das reale DOM (Woo 9.x + Bricks + Germanized) geschrieben.
   Theme-aware: Dark ist Default (html ohne Klasse ODER html.theme-dark),
   html.theme-light überschreibt.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Scope-Variablen — Dark (Default)
   -------------------------------------------------------------------------- */
body.woocommerce {
	--wc-surface: #141416;
	--wc-surface-2: #1b1b1f;
	--wc-line: #2a2a2e;
	--wc-text: #ffffff;
	--wc-muted: #8d8d95;
	--wc-accent: var(--hc-red, #ff6b00);
	--wc-accent-hover: #e65f00;
	--wc-accent-text: var(--hc-red, #ff6b00); /* Orange als TEXT: auf Dark ok */
	--wc-jet: #0b0b0c;
	--wc-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Light-Override (html.theme-light wird per JS gesetzt) */
html.theme-light body.woocommerce {
	--wc-surface: #ffffff;
	--wc-surface-2: #f5f5f5;
	--wc-line: #e2e2e2;
	--wc-text: #111111;
	--wc-muted: #6f6f6f;
	--wc-accent-text: #b84400; /* Orange als TEXT auf Weiß → abgedunkelt */
	--wc-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111111' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Archiv-Kopf: Titel, Result-Count, Sortierung
   -------------------------------------------------------------------------- */
.woocommerce .bricks-archive-title-wrapper .title {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
	color: var(--wc-text);
}

.woocommerce .bricks-before-shop-loop {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	margin-bottom: 2.4rem;
}

.woocommerce .bricks-before-shop-loop .woocommerce-notices-wrapper {
	flex-basis: 100%;
}

.woocommerce .woocommerce-result-count {
	margin: 0;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wc-muted);
}

.woocommerce .woocommerce-ordering {
	margin: 0;
}

/* Feld-Standard: 46px, Radius 0, Hairline */
.woocommerce .woocommerce-ordering select.orderby,
.woocommerce table.variations td.value select {
	appearance: none;
	-webkit-appearance: none;
	height: 4.6rem;
	padding: 0 3.6rem 0 1.4rem;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	background-color: var(--wc-surface-2);
	background-image: var(--wc-chevron);
	background-repeat: no-repeat;
	background-position: right 1.4rem center;
	color: var(--wc-text);
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color .15s var(--hc-ease, ease);
}

.woocommerce .woocommerce-ordering select.orderby:hover,
.woocommerce table.variations td.value select:hover {
	border-color: var(--wc-muted);
}

.woocommerce .woocommerce-ordering select.orderby:focus,
.woocommerce table.variations td.value select:focus {
	outline: none;
	border-color: var(--wc-accent);
	box-shadow: inset 0 0 0 1px var(--wc-accent);
}

/* --------------------------------------------------------------------------
   Shop-Grid: Produkt-Karten (auch Related nutzt dieselben li.product)
   -------------------------------------------------------------------------- */
.woocommerce ul.products li.product {
	background: var(--wc-surface);
	border: 1px solid var(--wc-line);
	border-radius: 0;
	padding: 1.6rem 1.6rem 2rem;
	display: flex;
	flex-direction: column;
	transition: border-color .18s var(--hc-ease, ease), transform .18s var(--hc-ease, ease);
}

.woocommerce ul.products li.product:hover {
	border-color: var(--wc-accent);
	transform: translateY(-4px);
	box-shadow: none; /* kein Glow — nur Kante + Lift */
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	margin-bottom: 1.4rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--wc-text);
	margin: 0 0 .8rem;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
	color: var(--wc-text); /* Hover bleibt ruhig — Kante trägt den Zustand */
}

.woocommerce ul.products li.product .price {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--wc-accent-text);
	margin: 0;
}

.woocommerce ul.products li.product .price del {
	color: var(--wc-muted);
	font-weight: 400;
	font-size: 1.4rem;
}

.woocommerce ul.products li.product .price ins {
	color: var(--wc-accent-text);
	text-decoration: none;
}

/* Germanized Loop-Zusatzinfos (MwSt / Versand) — leise, klein */
.woocommerce ul.products li.product .wc-gzd-additional-info-loop {
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.1rem;
	line-height: 1.5;
	color: var(--wc-muted);
	margin: .2rem 0 0;
}

.woocommerce ul.products li.product .wc-gzd-additional-info-loop a {
	color: var(--wc-muted);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce ul.products li.product .wc-gzd-additional-info-loop a:hover {
	color: var(--wc-accent-text);
}

/* Loop-CTA: Speed-Wedge, Orange + Jet-Text */
.woocommerce ul.products li.product .button {
	align-self: flex-start;
	margin-top: auto;
	padding: 0 3rem 0 1.8rem; /* rechts +12px für den Wedge-Anschnitt */
	min-height: 4.2rem;
	background-color: var(--wc-accent);
	color: var(--wc-jet);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color .15s var(--hc-ease, ease), transform .15s var(--hc-ease, ease);
}

.woocommerce ul.products li.product .button:hover {
	background-color: var(--wc-accent-hover);
	color: var(--wc-jet);
	transform: translateX(3px);
}

/* "Anzeigen"/View-cart-Link nach Ajax-Add im Loop */
.woocommerce ul.products li.product .added_to_cart {
	margin-top: .8rem;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wc-accent-text);
	text-decoration: none;
}

.woocommerce ul.products li.product .added_to_cart:hover {
	color: var(--wc-accent-hover);
}

/* Sale-Badge — quadratisch, Orange, Jet-Text (Woo span.onsale / Bricks .badge.onsale) */
.woocommerce ul.products li.product .onsale,
.woocommerce .product span.onsale,
body.woocommerce .products .badge.onsale {
	position: absolute;
	top: 1.2rem;
	left: 1.2rem;
	z-index: 2;
	min-height: 0;
	padding: .5rem 1rem;
	margin: 0;
	background: var(--wc-accent);
	color: var(--wc-jet);
	border-radius: 0;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1;
}

/* Pagination (erscheint ab > 1 Seite Produkte) */
.woocommerce .woocommerce-pagination .page-numbers li {
	margin: 0 .3rem;
}

.woocommerce .woocommerce-pagination .page-numbers li .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	height: 4rem;
	padding: 0;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--wc-text);
	text-decoration: none;
	transition: border-color .15s var(--hc-ease, ease);
}

.woocommerce .woocommerce-pagination .page-numbers li a.page-numbers:hover {
	border-color: var(--wc-muted);
}

.woocommerce .woocommerce-pagination .page-numbers li .page-numbers.current {
	background: var(--wc-accent);
	border-color: var(--wc-accent);
	color: var(--wc-jet);
}

/* --------------------------------------------------------------------------
   Single Product — Breadcrumb, Galerie, Summary
   -------------------------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--wc-muted);
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--wc-muted);
	text-decoration: none;
	transition: color .15s var(--hc-ease, ease);
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--wc-accent-text);
}

.woocommerce .woocommerce-breadcrumb span {
	color: var(--wc-line);
	margin: 0 .6rem;
}

/* Galerie-Rahmen: 1px Hairline, keine Radien */
.woocommerce .woocommerce-product-gallery__image,
.woocommerce .woocommerce-product-gallery__image a,
.woocommerce .woocommerce-product-gallery__image img {
	border-radius: 0;
}

.woocommerce .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--wc-line);
}

/* Titel + Preis */
.woocommerce .summary.entry-summary .product_title {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
	line-height: 1.1;
	color: var(--wc-text);
	margin: 0 0 1rem;
}

.woocommerce .summary.entry-summary > .price,
.woocommerce .summary.entry-summary .woocommerce-variation-price .price {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--wc-accent-text);
}

.woocommerce .summary.entry-summary .price del {
	color: var(--wc-muted);
	font-weight: 400;
	font-size: 1.8rem;
}

.woocommerce .summary.entry-summary .price ins {
	color: var(--wc-accent-text);
	text-decoration: none;
}

/* Germanized Rechts-/Preisinfos (inkl. MwSt, Versand, Lieferzeit) — leise */
.woocommerce .summary.entry-summary .legal-price-info .wc-gzd-additional-info,
.woocommerce .summary.entry-summary .wc-gzd-additional-info {
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.2rem;
	line-height: 1.5;
	color: var(--wc-muted);
	margin: 0;
}

.woocommerce .summary.entry-summary .wc-gzd-additional-info a {
	color: var(--wc-muted);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce .summary.entry-summary .wc-gzd-additional-info a:hover {
	color: var(--wc-accent-text);
}

.woocommerce .summary.entry-summary .woocommerce-product-details__short-description {
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.5rem;
	line-height: 1.65;
	color: var(--wc-text);
	margin: 1.6rem 0;
}

/* --------------------------------------------------------------------------
   Single Product — form.cart: Menge + CTA
   -------------------------------------------------------------------------- */
.woocommerce form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.2rem;
	margin: 2rem 0;
}

.woocommerce form.cart .variations_button,
.woocommerce form.cart .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.2rem;
	width: 100%;
}

/* Quantity: quadratisch, 46px, Hairline-Box; DOM-Reihenfolge input/minus/plus
   → minus per order vor das Feld */
.woocommerce form.cart .quantity {
	display: inline-flex;
	align-items: stretch;
	width: auto; /* Bricks-Layer erzwingt sonst 200px */
	height: 4.6rem;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	background: var(--wc-surface-2);
}

/* Layer setzt .quantity+button{margin-top:10px} — Flex-Reihe bleibt bündig */
.woocommerce form.cart .quantity + button {
	margin-top: 0;
}

.woocommerce form.cart .quantity input.qty {
	flex: 0 0 auto;
	width: 5.6rem;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--wc-text);
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

.woocommerce form.cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce form.cart .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woocommerce form.cart .quantity input.qty:focus {
	outline: none;
	box-shadow: inset 0 0 0 1px var(--wc-accent);
}

.woocommerce form.cart .quantity .action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4.2rem;
	height: 100%;
	border: 0; /* Bricks-Layer zeichnet sonst 1px rundum */
	opacity: 1;
	cursor: pointer;
	color: var(--wc-muted);
	transition: color .15s var(--hc-ease, ease);
	user-select: none;
}

.woocommerce form.cart .quantity .action:hover {
	color: var(--wc-text);
}

.woocommerce form.cart .quantity .action svg {
	width: 1.4rem;
	height: 1.4rem;
}

/* Bricks-Layer setzt :hover svg{stroke:#000} — im Dark-Theme unsichtbar */
.woocommerce form.cart .quantity .action:hover svg {
	stroke: currentColor;
}

.woocommerce form.cart .quantity .action.minus {
	order: -1;
	border-right: 1px solid var(--wc-line);
}

.woocommerce form.cart .quantity .action.plus {
	border-left: 1px solid var(--wc-line);
}

/* Haupt-CTA: Speed-Wedge */
.woocommerce form.cart .single_add_to_cart_button {
	flex: 0 0 auto;
	min-height: 4.6rem;
	padding: 0 3.4rem 0 2.2rem; /* rechts +12px für den Anschnitt */
	background-color: var(--wc-accent);
	color: var(--wc-jet);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .15s var(--hc-ease, ease), transform .15s var(--hc-ease, ease);
}

.woocommerce form.cart .single_add_to_cart_button:hover {
	background-color: var(--wc-accent-hover);
	color: var(--wc-jet);
	transform: translateX(3px);
}

.woocommerce form.cart .single_add_to_cart_button.disabled,
.woocommerce form.cart .single_add_to_cart_button:disabled {
	opacity: .45;
	cursor: not-allowed;
	transform: none;
}

/* Variations-Tabelle (Gift-Card-Betrag) */
.woocommerce form.cart table.variations {
	width: 100%;
	margin: 0 0 .4rem;
	border-collapse: collapse;
}

/* Layer gibt den Zeilen 1px oben/unten (style/width, keine Farbe) → Hairline */
.woocommerce form.cart table.variations tr {
	border-color: var(--wc-line);
}

.woocommerce form.cart table.variations th.label {
	padding: 0 1.6rem .8rem 0;
	text-align: left;
	vertical-align: middle;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wc-muted);
}

.woocommerce form.cart table.variations td.value {
	padding: 0 0 .8rem;
}

.woocommerce form.cart .reset_variations {
	margin-left: 1.2rem;
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.2rem;
	color: var(--wc-muted);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce form.cart .reset_variations:hover {
	color: var(--wc-accent-text);
}

/* PW Gift Card Felder (To / From / Message) */
.woocommerce .pwgc-field-container .pwgc-label {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wc-text);
	margin-bottom: .4rem;
}

.woocommerce .pwgc-field-container .pwgc-subtitle {
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	color: var(--wc-muted);
}

.woocommerce .pwgc-input-text,
.woocommerce .pwgc-field-container textarea {
	width: 100%;
	min-height: 4.6rem;
	padding: 1.1rem 1.4rem;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	background: var(--wc-surface-2);
	color: var(--wc-text);
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.4rem;
	transition: border-color .15s var(--hc-ease, ease);
}

.woocommerce .pwgc-input-text::placeholder,
.woocommerce .pwgc-field-container textarea::placeholder {
	color: var(--wc-muted);
}

.woocommerce .pwgc-input-text:hover,
.woocommerce .pwgc-field-container textarea:hover {
	border-color: var(--wc-muted);
}

.woocommerce .pwgc-input-text:focus,
.woocommerce .pwgc-field-container textarea:focus {
	outline: none;
	border-color: var(--wc-accent);
	box-shadow: inset 0 0 0 1px var(--wc-accent);
}

/* --------------------------------------------------------------------------
   Single Product — Meta, Tabs, Germanized-Blöcke
   -------------------------------------------------------------------------- */
.woocommerce .summary.entry-summary .product_meta {
	margin-top: 2rem;
	padding-top: 1.6rem;
	border-top: 1px solid var(--wc-line);
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.2rem;
	color: var(--wc-muted);
}

.woocommerce .summary.entry-summary .product_meta > span {
	display: block;
	margin-bottom: .4rem;
}

.woocommerce .summary.entry-summary .product_meta a {
	color: var(--wc-accent-text);
	text-decoration: none;
}

.woocommerce .summary.entry-summary .product_meta a:hover {
	color: var(--wc-accent-hover);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Tabs: Hairline unten, aktiver Tab = Orange-Unterkante (Hover bleibt schwächer) */
.woocommerce .woocommerce-tabs.wc-tabs-wrapper {
	border-bottom: 0;
	flex-direction: column;
	margin-top: 4rem;
}

.woocommerce .woocommerce-tabs ul.wc-tabs {
	border-bottom: 1px solid var(--wc-line);
	gap: .4rem;
}

.woocommerce .woocommerce-tabs ul.wc-tabs li {
	padding: 0;
}

.woocommerce .woocommerce-tabs ul.wc-tabs li a {
	display: block;
	padding: 1.2rem 2rem;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wc-muted);
	text-decoration: none;
	transition: color .15s var(--hc-ease, ease);
}

.woocommerce .woocommerce-tabs ul.wc-tabs li a:hover {
	color: var(--wc-text);
}

.woocommerce .woocommerce-tabs ul.wc-tabs li.active a {
	color: var(--wc-text);
	box-shadow: inset 0 -2px 0 var(--wc-accent);
}

.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel {
	padding: 2.4rem 0 0;
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.5rem;
	line-height: 1.65;
	color: var(--wc-text);
}

.woocommerce .woocommerce-Tabs-panel h2,
.woocommerce .woocommerce-Tabs-panel h3,
.woocommerce .woocommerce-Reviews-title,
.woocommerce .comment-reply-title,
.woocommerce .wc-gzd-product-safety-heading,
.woocommerce .wc-gzd-product-manufacturer-heading,
.woocommerce .wc-gzd-product-safety-attachments-heading,
.woocommerce .wc-gzd-product-safety-instructions-heading {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: var(--wc-text);
}

.woocommerce .woocommerce-Tabs-panel .woocommerce-noreviews {
	color: var(--wc-muted);
}

/* Review-Formular (Reviews-Tab, z.B. Gift Card) — Feld-Standard */
.woocommerce .woocommerce-Tabs-panel .comment-form input[type='text'],
.woocommerce .woocommerce-Tabs-panel .comment-form input[type='email'],
.woocommerce .woocommerce-Tabs-panel .comment-form textarea {
	width: 100%;
	min-height: 4.6rem;
	padding: 1.1rem 1.4rem;
	border: 1px solid var(--wc-line);
	border-radius: 0;
	background: var(--wc-surface-2);
	color: var(--wc-text);
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.4rem;
}

.woocommerce .woocommerce-Tabs-panel .comment-form input:focus,
.woocommerce .woocommerce-Tabs-panel .comment-form textarea:focus {
	outline: none;
	border-color: var(--wc-accent);
	box-shadow: inset 0 0 0 1px var(--wc-accent);
}

.woocommerce .woocommerce-Tabs-panel .comment-form .form-submit .submit {
	min-height: 4.6rem;
	padding: 0 3.4rem 0 2.2rem;
	background-color: var(--wc-accent);
	color: var(--wc-jet);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .15s var(--hc-ease, ease), transform .15s var(--hc-ease, ease);
}

.woocommerce .woocommerce-Tabs-panel .comment-form .form-submit .submit:hover {
	background-color: var(--wc-accent-hover);
	transform: translateX(3px);
}

/* --------------------------------------------------------------------------
   Related Products / Upsells — Section-Head wie Site-Sections
   -------------------------------------------------------------------------- */
.woocommerce section.related.products,
.woocommerce section.up-sells.products {
	margin-top: 6rem;
}

.woocommerce section.related.products > h2,
.woocommerce section.up-sells.products > h2 {
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: clamp(2.2rem, 3vw, 3rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .01em;
	color: var(--wc-text);
	margin: 0 0 2.4rem;
	padding-left: 1.6rem;
	border-left: 4px solid var(--wc-accent);
	line-height: 1.1;
}

/* --------------------------------------------------------------------------
   Woo-Notices (Added-to-cart-Bar u.a.): eckig, Surface, Orange-Kante links
   -------------------------------------------------------------------------- */
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error {
	background: var(--wc-surface);
	color: var(--wc-text);
	border: 1px solid var(--wc-line);
	border-left: 3px solid var(--wc-accent);
	border-radius: 0;
	padding: 1.4rem 1.8rem;
	margin: 0 0 2rem;
	font-family: var(--hc-font-sans, 'Inter', sans-serif);
	font-size: 1.4rem;
	line-height: 1.5;
	box-shadow: none;
}

/* "View cart"-Link in der Notice: Orange, kein Button-Grau */
.woocommerce-notices-wrapper .woocommerce-message a.button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error a.button {
	background: transparent;
	color: var(--wc-accent-text);
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-family: var(--hc-font-display, 'Oswald', sans-serif);
	font-size: 1.3rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: color .15s var(--hc-ease, ease);
}

.woocommerce-notices-wrapper .woocommerce-message a.button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error a.button:hover {
	color: var(--wc-accent-hover);
	text-decoration: underline;
	text-underline-offset: 3px;
}