/*
 * WooCommerce overrides — only loads on Woo pages (cart, checkout, account, product).
 *
 * Wave 1 stub. Full styling wired in Wave 3 when products + Paysera + checkout flow exist.
 * Keeps WC pages from looking unstyled during the gap.
 */

.woocommerce,
.woocommerce-page {
	font-family: var(--font-family-base);
	color: var(--color-text-primary);
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-bold);
}

.woocommerce .button,
.woocommerce a.button,
.woocommerce-page .button,
.woocommerce-page a.button {
	background: var(--color-primary-accent);
	color: var(--color-white);
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-semibold);
	font-size: var(--text-body);
	padding: 14px 28px;
	border-radius: var(--radius-md);
	min-height: 48px;
	transition: all var(--transition-default);
}

.woocommerce .button:hover,
.woocommerce a.button:hover {
	background: color-mix(in srgb, var(--color-primary-accent) 88%, black);
	transform: translateY(-1px);
	box-shadow: var(--shadow-accent);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--radius-md);
	font-family: var(--font-family-base);
}

.woocommerce-message {
	border-left-color: var(--color-success);
}

.woocommerce-error {
	border-left-color: var(--color-error);
}