/**
 * Site-wide non-red status palette.
 *
 * Blue/teal identifies product and interaction states. Amber is reserved for
 * warnings and validation, so important feedback remains distinguishable
 * without introducing red accents into the storefront.
 */
:root {
	--wc-red: #9a6b12;
	--ft-info-ink: #245b70;
	--ft-info-bg: #edf7fa;
	--ft-info-line: #b8d9e2;
	--ft-warning-ink: #6c5421;
	--ft-warning-bg: #fff8e8;
	--ft-warning-line: #e6cf9b;
}

/* Compatible/private-label product badges. */
html body :is(.ft-badge--compatible,.fx-badge-compatible) {
	color: var(--ft-info-ink) !important;
	background: var(--ft-info-bg) !important;
	border-color: var(--ft-info-line) !important;
}
html body .ft-card-brand--own { color: #174c73 !important; }

/* Wishlist and removable-item interactions. */
html body :is(.fx-wish:hover,.fx-wish.on,.wishlist-remove:hover) {
	color: #147d92 !important;
	border-color: #b8d9e2 !important;
	background: #edf8fb !important;
}

/* Sold-out and unavailable states use the shared warning palette. */
html body :is(.site-content .sold-out,.replica-product .replica-soldout,.stock.out-of-stock) {
	color: var(--ft-warning-ink) !important;
}
html body :is(.site-content .sold-out,.replica-product .replica-soldout) {
	background: var(--ft-warning-bg) !important;
	border-color: var(--ft-warning-line) !important;
}
html body .ft-soldout {
	background: var(--ft-warning-bg) !important;
	border-color: var(--ft-warning-line) !important;
}

/* Validation and error messages remain prominent without red. */
html body :is(.woocommerce-error,.fx-ask-note.is-error) {
	color: var(--ft-warning-ink) !important;
	background: var(--ft-warning-bg) !important;
	border-color: var(--ft-warning-line) !important;
}
html body :is(.ft-price-error,.woocommerce form .form-row label .required,.woocommerce form .form-row.woocommerce-invalid label) {
	color: #8a6412 !important;
}
html body .required {
	color: #8a6412 !important;
	border-color: transparent !important;
	outline-color: #8a6412 !important;
}
html body .woocommerce form .form-row.woocommerce-invalid :is(input.input-text,select),
html body .woocommerce form .form-row.woocommerce-invalid .select2-selection {
	border-color: #c59a35 !important;
}

/* Checkout field markers and legacy brand-text fallbacks. */
html body .ft-checkout-required,
html body .checkout-required { color: #8a6412 !important; }
html body .vc_btn3.vc_btn3-style-outline.vc_btn3-color-primary {
	color: #34566f !important;
}

/* Keep social icons in the storefront palette rather than platform red. */
html body #jas-footer .wp-social-link-youtube { background: #174c73 !important; }