/**
 * ArmoredCommerce brand front-end CSS.
 *
 * theme.json carries the design system; this file is only for small polish the
 * block system can't express and for WooCommerce classic-markup fallbacks (some
 * Woo notices/messages render outside blocks). Borrowed accents from the classic
 * `armored-gate` theme color schemes.
 */

/* Sale badge + price emphasis (WooCommerce classic bits) */
.woocommerce span.onsale {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--base);
	border-radius: 999px;
	font-weight: 700;
}

.woocommerce .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

/* Woo store notices / messages inherit brand colors */
.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	border-color: var(--wp--preset--color--secondary);
}

/* Buttons that Woo renders in classic markup pick up the theme button look */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-radius: 6px;
	font-weight: 600;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--wp--preset--color--dark);
}

/* Keep the mobile nav overlay legible on the dark utility bar */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base);
}