/*
Theme Name: Trockeneispellets
Theme URI: https://trockeneispellets.de
Author: Marvin Mieth
Description: Custom block theme for trockeneispellets.de
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: trockeneispellets
*/

/* Woo grid + cards (classic archive markup and product-collection block) */
.woocommerce ul.products li.product,
.wc-block-product-template .wc-block-product {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--frost);
	border-radius: 8px;
	padding: 1rem;
	transition: border-color 0.15s ease;
}
.woocommerce ul.products li.product:hover,
.wc-block-product-template .wc-block-product:hover { border-color: var(--wp--preset--color--accent); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--md);
}
/* PDP: JTL syncs the full text into short + variation descriptions — show it only once, in the tab below */
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce-variation-description { display: none; }

/* PDP: variation swatches replace the native selects (via variation-swatches.js) */
.tep-swatch-hidden { display: none !important; }
.tep-swatches { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.tep-swatch {
	padding: 0.5rem 1.25rem;
	border: 1px solid var(--wp--preset--color--frost);
	border-radius: 6px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.tep-swatch:hover { border-color: var(--wp--preset--color--accent); }
.tep-swatch.is-selected {
	border-color: var(--wp--preset--color--accent);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
}
.tep-swatch:disabled { opacity: 0.35; cursor: not-allowed; text-decoration: line-through; }

.video-portrait { max-width: 420px; }
.video-portrait video { border-radius: 8px; width: 100%; }
.wp-block-details { border-bottom: 1px solid var(--wp--preset--color--frost); padding: 0.75rem 0; }
.wp-block-details summary { font-family: var(--wp--preset--font-family--heading); font-weight: 600; cursor: pointer; }