/*
Theme Name: WLM-Shop
Theme URI: https://wir-lieben-modelle.de/
Description: Kinder-Theme von Twenty Twenty-Five fuer den WLM-Shop. Farben nach dem
             eBay-Header: eBay-Gelb, Indigo (aus dem Bus-Logo), Weiss. Schrift Trebuchet MS.
             Kein Elementor, keine externen Schriften.
Author: WLM
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.9
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: wlm-shop
*/

/* ---------------------------------------------------------------
   Farben kommen aus theme.json (Presets). Hier nur Feinschliff.
   --------------------------------------------------------------- */

/* Kopfbereich: weiss mit gelber Kante -- Logo hat weissen Hintergrund */
.wlm-header {
	border-bottom: 3px solid var(--wp--preset--color--accent-1);
}

.wlm-logo img {
	display: block;
	height: auto;
}

/* Produktraster: ruhiger Rahmen */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
	border-radius: 2px;
	padding: 1rem;
	transition: border-color 120ms ease, transform 120ms ease;
}

.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
	border-color: var(--wp--preset--color--accent-1);
	transform: translateY(-2px);
}

/* Preis in Indigo, kraeftig */
.woocommerce .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--contrast);
	font-weight: 700;
}

/* Germanized-Steuerhinweis leise */
.wc-gzd-additional-info,
p.wc-gzd-additional-info {
	color: var(--wp--preset--color--accent-4);
	font-size: 0.8125rem;
	line-height: 1.4;
	margin-top: 0.25rem;
}

/* Standard-Buttons: Gelb mit Indigo-Schrift, Hover in Gold */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wp-block-button__link,
.wc-block-components-button {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--contrast);
	border: 0;
	border-radius: 3px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-block-button__link:hover,
.wc-block-components-button:hover {
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--contrast);
}

/* Hero-Button (Indigo auf gelbem Grund) behaelt beim Hover Kontrast */
.wlm-hero-button .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-3) !important;
	color: var(--wp--preset--color--base) !important;
}

/* Tastaturfokus sichtbar */
.woocommerce a.button:focus-visible,
.wp-block-button__link:focus-visible,
.wc-block-components-button:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
}