/* ===========================================================================
   I Got It Outdoors — WooCommerce brand styles
   Maps WooCommerce's store UI onto the theme's design tokens so the shop,
   product pages, cart, and checkout match the rest of the site.
   Loaded only when WooCommerce is active (see functions.php).
   Covers both block-based store blocks (.wc-block-*) and classic markup
   (.woocommerce .button, ul.products, etc.).
   =========================================================================== */

/* ---- Buttons: every WooCommerce button becomes a blaze button ------------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.wc-block-components-button:not(.is-link),
.wp-block-woocommerce-product-button .wp-block-button__link,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background-color: var(--wp--preset--color--blaze) !important;
	color: var(--wp--preset--color--bone) !important;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border: none;
	border-radius: 4px;
	padding: 0.85em 1.6em;
	line-height: 1.1;
	transition: background-color 160ms ease, transform 160ms ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover,
.wp-block-woocommerce-product-button .wp-block-button__link:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background-color: var(--wp--preset--color--blaze-dark) !important;
	color: var(--wp--preset--color--bone) !important;
}

/* Secondary / outline buttons (e.g. "View cart" confirmation) */
.woocommerce .button.wc-backward,
.wc-block-components-button.is-link {
	color: var(--wp--preset--color--deep-pine) !important;
}

/* ---- Prices --------------------------------------------------------------- */
.woocommerce .price,
.woocommerce ul.products li.product .price,
.wp-block-woocommerce-product-price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--charcoal);
	font-weight: 600;
}
.woocommerce .price del,
.wc-block-components-product-price del {
	opacity: 0.55;
	font-weight: 400;
}
.woocommerce .price ins,
.wc-block-components-product-price ins {
	color: var(--wp--preset--color--blaze-dark);
	text-decoration: none;
}

/* ---- Sale / on-sale badge ------------------------------------------------- */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	background-color: var(--wp--preset--color--blaze);
	color: var(--wp--preset--color--bone);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 4px;
	min-height: auto;
	min-width: auto;
	padding: 0.25em 0.7em;
	line-height: 1.3;
}

/* ---- Product grid cards (classic + Product Collection) -------------------- */
.woocommerce ul.products li.product,
.wc-block-product,
.products-block-post-template .wc-block-product {
	background-color: var(--wp--preset--color--bone-dark);
	border-radius: 10px;
	padding: 0.75rem 0.75rem 1.1rem;
	text-align: center;
	transition: transform 160ms ease, box-shadow 160ms ease;
}
.woocommerce ul.products li.product img,
.wc-block-product img,
.wp-block-woocommerce-product-image img {
	border-radius: 8px;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.wc-block-product .wp-block-post-title,
.wc-block-grid__product-title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--deep-pine);
	font-size: var(--wp--preset--font-size--medium);
}
@media (prefers-reduced-motion: no-preference) {
	.woocommerce ul.products li.product:hover,
	.wc-block-product:hover {
		transform: translateY(-3px);
		box-shadow: 0 10px 24px rgba(30, 31, 27, 0.12);
	}
}

/* ---- Star ratings --------------------------------------------------------- */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before,
.wc-block-components-product-rating__stars,
.wc-block-review-list-item__rating .star-rating span::before {
	color: var(--wp--preset--color--blaze);
}

/* ---- Single product layout ------------------------------------------------ */
.woocommerce div.product .product_title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--wp--preset--color--deep-pine);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--pine);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--wp--preset--color--blaze);
	box-shadow: inset 0 -3px 0 var(--wp--preset--color--blaze);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom-color: rgba(30, 31, 27, 0.12);
}

/* Quantity stepper */
.woocommerce .quantity input.qty,
.wc-block-components-quantity-selector {
	border: 1px solid rgba(30, 31, 27, 0.2);
	border-radius: 4px;
	background: var(--wp--preset--color--white);
}

/* ---- Forms: inputs on cart / checkout / account --------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.wc-block-components-text-input input,
.wc-block-components-select select {
	border: 1px solid rgba(30, 31, 27, 0.2);
	border-radius: 4px;
}
.woocommerce form .form-row input.input-text:focus,
.wc-block-components-text-input input:focus {
	outline: 3px solid var(--wp--preset--color--blaze);
	outline-offset: 1px;
	border-color: transparent;
}

/* ---- Store notices / messages -------------------------------------------- */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
	border-top-color: var(--wp--preset--color--blaze);
	background-color: var(--wp--preset--color--bone-dark);
	color: var(--wp--preset--color--charcoal);
	border-radius: 6px;
}
.woocommerce-message::before,
.wc-block-components-notice-banner.is-success svg {
	color: var(--wp--preset--color--pine);
	fill: var(--wp--preset--color--pine);
}

/* ---- Breadcrumbs ---------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb,
.wc-block-breadcrumbs {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.02em;
}

/* ---- Cart & checkout totals ---------------------------------------------- */
.woocommerce-cart table.cart td.product-name a,
.wc-block-cart-item__product-name {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-transform: uppercase;
	color: var(--wp--preset--color--deep-pine);
}
.wc-block-components-totals-item__value,
.woocommerce .order-total .amount {
	color: var(--wp--preset--color--charcoal);
	font-weight: 700;
}

/* ---- Pagination on shop archives ----------------------------------------- */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current {
	border-radius: 4px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--wp--preset--color--deep-pine);
	color: var(--wp--preset--color--bone);
}

/* ---- Header account + mini-cart icons ------------------------------------ */
header .igio-header-icons {
	gap: 0.9rem;
}
header .wp-block-woocommerce-customer-account,
header .wp-block-woocommerce-customer-account a {
	color: var(--wp--preset--color--bone);
	padding: 0;
}
header .wc-block-mini-cart__button {
	color: var(--wp--preset--color--bone);
	padding: 0;
	min-height: auto;
}
/* keep the price out of the header; the icon does the work */
header .wc-block-mini-cart__amount,
header .wc-block-mini-cart__quantity-badge + .wc-block-mini-cart__amount {
	display: none;
}
header .wp-block-woocommerce-customer-account svg,
header .wc-block-mini-cart__button svg {
	width: 22px;
	height: 22px;
}
header .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--blaze);
	color: var(--wp--preset--color--bone);
	font-family: var(--wp--preset--font-family--display);
}