/*
 * ZONDA – style widżetów i szablonów WooCommerce (koszyk, kasa, konto, karta produktu).
 * Bazuje na tokens.css. Rozbudowywane w etapach 4–7.
 */

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #place_order {
	min-height: 50px;
	padding: 0 24px;
	border: 2px solid var(--c-black);
	border-radius: var(--r-btn);
	background: transparent;
	color: var(--c-black);
	font-family: var(--f-display);
	font-weight: 800;
	font-size: 19px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

/* Główne akcje: dodaj do koszyka, do kasy, kupuję i płacę. */
.woocommerce button.single_add_to_cart_button,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce .button.alt {
	min-height: 58px;
	background: var(--c-orange);
	color: var(--c-black);
	font-size: 22px;
	box-shadow: 4px 4px 0 var(--c-black);
}

.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce .button.alt:hover {
	background: var(--c-orange);
	color: var(--c-black);
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 var(--c-black);
}

.woocommerce .price,
.woocommerce .amount {
	font-family: var(--f-display);
	font-weight: 800;
	color: var(--c-black);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty {
	min-height: 48px;
	padding: 10px 12px;
	border: 1px solid var(--c-field-border);
	border-radius: var(--r-btn);
	background: #fff;
	font-family: var(--f-body);
	font-size: 16px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: 3px solid var(--c-orange);
	outline-offset: 1px;
	border-color: var(--c-black);
}

.woocommerce form .form-row label {
	font-family: var(--f-mono);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.woocommerce .stock.in-stock {
	color: var(--c-green-text);
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--c-orange);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--c-orange);
}