/*
 * Auron-Theme — block style variations & WooCommerce component styling.
 * Loaded after style.css. Uses theme.json custom properties exclusively
 * (no hard-coded colors) so Site Editor palette changes stay authoritative.
 */

/* Button: Outline Gold — registered via functions.php register_block_style(). */
.wp-block-button.is-style-outline-gold .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent);
}

.wp-block-button.is-style-outline-gold .wp-block-button__link:hover,
.wp-block-button.is-style-outline-gold .wp-block-button__link:focus {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
}

/* Group: Price Card — registered via functions.php register_block_style(). */
.wp-block-group.is-style-price-card {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--bullion--radius--card);
	box-shadow: var(--wp--preset--shadow--card);
	padding: var(--wp--preset--spacing--40);
}

.wp-block-group.is-style-price-card:hover {
	box-shadow: var(--wp--preset--shadow--elevated);
}

/* Bullion badge — utility class for patterns (e.g. "999.9 Fine", "In Stock"). */
.auron-badge {
	background-color: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--bullion--radius--badge);
	color: var(--wp--preset--color--accent);
	display: inline-flex;
	align-items: center;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 0.35em 0.9em;
	text-transform: uppercase;
}

.auron-badge.auron-badge--gold {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
}

/* Live rate / price figures use the monospace stack for tabular alignment. */
.auron-price,
.woocommerce-Price-amount {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 600;
}

/* WooCommerce product grid: align card visuals with the price-card style. */
.woocommerce ul.products li.product {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--bullion--radius--card);
	padding: var(--wp--preset--spacing--30);
	transition: box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
	box-shadow: var(--wp--preset--shadow--card);
}

.woocommerce span.onsale {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--bullion--radius--badge);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
	background-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--primary);
	border-radius: var(--wp--custom--bullion--radius--button);
	font-weight: 600;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--wp--preset--color--accent-warm);
	color: var(--wp--preset--color--primary);
}