/*
Theme Name: Heyo Goods
Theme URI: https://goods.heyo.is
Template: outdoor-commerce
Author: Heyo
Author URI: https://heyo.is
Description: Heyo Goods branded child theme for the Outdoor Commerce WooCommerce theme. Applies Heyo design tokens (Messina Sans, mustard accent, warm grays) via Global Styles.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: heyo-goods
Tags: woocommerce, custom-logo, full-site-editing, block-patterns
*/


/* ═══════════════════════════════════════════════════
   HEYO GOODS — Brand Override CSS
   Layered on top of Outdoor Commerce parent theme.
   Only overrides values theme.json cannot control.
   ═══════════════════════════════════════════════════ */


/* ── Custom Properties ── */

:root {
	--heyo-mustard-50: #FFFDEB;
	--heyo-mustard-100: #FFF9BD;
	--heyo-mustard-200: #FFF58D;
	--heyo-mustard-300: #FFF161;
	--heyo-mustard-400: #FFED31;
	--heyo-mustard-500: #FFE900;
	--heyo-mustard-600: #EBD700;
}


/* ── Button Hover: Black → Mustard ── */

:where(.wp-element-button, .wp-block-button__link):hover,
:where(.wp-element-button, .wp-block-button__link):focus-visible,
.wc-block-components-button:not(.is-link):hover,
.single_add_to_cart_button:hover,
.button.alt:hover {
	background-color: var(--heyo-mustard-500) !important;
	color: var(--wp--preset--color--contrast) !important;
}

:where(.wp-element-button, .wp-block-button__link):active,
.wc-block-components-button:not(.is-link):active {
	background-color: var(--heyo-mustard-600) !important;
	color: var(--wp--preset--color--contrast) !important;
}


/* ── Focus Ring: Mustard ── */

*:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast) !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px var(--heyo-mustard-200) !important;
}


/* ── Form Input Focus ── */

textarea:focus-visible,
select:focus-visible,
input:focus-visible,
.wc-block-components-text-input input:focus,
.wc-block-components-combobox-control input:focus {
	border-color: var(--heyo-mustard-500) !important;
	box-shadow: 0 0 0 3px var(--heyo-mustard-200) !important;
	outline: none !important;
}


/* ── Product Card Hover ── */

.wc-block-grid__product,
.products .product,
.wp-block-post {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wc-block-grid__product:hover,
.products .product:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(13, 13, 12, 0.08);
}


/* ── Sale Badge: Mustard ── */

.wc-block-grid .wc-block-grid__product-onsale,
.wc-block-grid__product-image .wc-block-grid__product-onsale,
.wp-block-woocommerce-product-image-gallery .onsale.onsale,
.wc-block-components-product-sale-badge,
span.onsale,
.woocommerce span.onsale {
	background-color: var(--heyo-mustard-500) !important;
}

.wc-block-grid .wc-block-grid__product-onsale::after,
.wc-block-grid__product-image .wc-block-grid__product-onsale::after,
.wp-block-woocommerce-product-image-gallery .onsale.onsale::after,
.wc-block-components-product-sale-badge::after,
span.onsale::after {
	background: var(--wp--preset--color--contrast) !important;
}


/* ── Outline/Secondary Buttons ── */

.wp-block-button.is-style-outline .wp-block-button__link,
.button:not(.alt) {
	border: 1.5px solid var(--wp--preset--color--contrast) !important;
	background: transparent !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.button:not(.alt):hover {
	background-color: var(--wp--preset--color--base-2) !important;
}


/* ── Cart Item Remove Button ── */

.wc-block-cart-item__product:not(#\#) .wc-block-cart-item__remove-link:is(:focus-visible, :focus-within, :hover) {
	background-color: var(--wp--preset--color--contrast) !important;
}


/* ── Checkout Order Summary ── */

:is(
	.wp-block-woocommerce-checkout-order-summary-block,
	.wp-block-woocommerce-cart-order-summary-block
):not(#\0) {
	background-color: var(--wp--preset--color--base-2) !important;
	border-radius: var(--wp--custom--radius--lg) !important;
}


/* ── Checkbox Checked ── */

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background-color: var(--wp--preset--color--contrast) !important;
}


/* ── Radio Control Selected ── */

.wc-block-components-radio-control--highlight-checked:not(#\0) :is(
	.wc-block-components-radio-control__option-checked,
	.wc-block-components-radio-control-accordion-option--checked-option-highlighted
) .wc-block-components-radio-control__input:checked:before {
	background: var(--wp--preset--color--contrast) !important;
}


/* ── Coupon Button ── */

.wc-block-components-totals-coupon .wc-block-components-panel__button {
	color: var(--wp--preset--color--contrast) !important;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button::before {
	background-color: var(--wp--preset--color--contrast) !important;
}


/* ── Active Nav / Links ── */

.woocommerce-account.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--wp--preset--color--contrast) !important;
}


/* ── Shipping Method Selected ── */

.wc-block-checkout__shipping-method-container .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}


/* ── Filter/Reset Buttons ── */

:is(
	.wc-block-components-filter-reset-button,
	.wc-block-components-filter-submit-button,
	.wc-block-active-filters__clear-all
):not(#\0),
:is(
	.wc-block-components-filter-reset-button,
	.wc-block-components-filter-submit-button,
	.wc-block-active-filters__clear-all
):not(#\0):hover {
	background: var(--wp--preset--color--contrast) !important;
}


/* ── Chip Remove Button ── */

.wc-block-components-chip.wc-block-components-chip--radius-large .wc-block-components-chip__remove {
	background: var(--wp--preset--color--contrast) !important;
}


/* ── Slider Navigation Arrows ── */

.gtmt-as-slider :is(.swiper-button-next, .swiper-button-prev)::after {
	background: var(--wp--preset--color--contrast) !important;
}

.gtmt-as-slider .swiper-pagination-color {
	color: var(--wp--preset--color--contrast) !important;
}


/* ── Footer Copyright Override ── */
/* Hides the default Gutenmate copyright text.
   Replace with your own in the Site Editor footer template. */


/* ── Reduced Motion ── */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}