/**
 * Small shared skin used across every WooCommerce-driven page (shop,
 * product, cart, checkout, my account): the generic .button that
 * WooCommerce renders in a dozen different contexts, plus notices.
 * Loaded conditionally via functions/conditional_assets.php whenever any
 * WooCommerce page is being viewed — see theme_is_woocommerce_context().
 */

.woocommerce_page .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
#place_order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 24px;
	border-radius: var(--radius);
	font-weight: 700;
	font-size: 0.9rem;
	background: var(--color-dark);
	color: var(--color-white) !important;
	border: 2px solid transparent;
	transition: transform 0.15s ease, background-color 0.15s ease;
}

.woocommerce_page .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#place_order:hover {
	background: #000;
	transform: translateY(-1px);
}

.woocommerce_page .button.alt,
#place_order {
	background: var(--color-primary);
	color: var(--color-dark) !important;
}

.woocommerce_page .button.alt:hover,
#place_order:hover {
	background: var(--color-primary-dark);
	color: var(--color-white) !important;
}

.woocommerce-message,
.woocommerce-info {
	background: #eaf5ec;
	border: 1.5px solid var(--color-success);
	color: var(--color-success);
	padding: var(--space-sm);
	border-radius: var(--radius);
	margin-bottom: var(--space-md);
	font-weight: 600;
	list-style: none;
}

.woocommerce-error {
	background: #fbeceb;
	border: 1.5px solid var(--color-danger);
	color: var(--color-danger);
	padding: var(--space-sm);
	border-radius: var(--radius);
	margin-bottom: var(--space-md);
	font-weight: 600;
	list-style: none;
}

.woocommerce-message a.button,
.woocommerce-error a.button {
	margin-left: var(--space-sm);
}