/**
 * I.M. Baits & Tackle - WooCommerce styles for the dark theme.
 *
 * WooCommerce's block components ship with light-theme defaults (white
 * inputs, near-black borders and ticks). These rules re-skin them for the
 * #2d2e29 background. Where WooCommerce's selectors are highly specific, a
 * few colour declarations use !important; each group says why.
 *
 * Variables (--im-*) are defined in theme.css.
 *
 * Contents
 *  1. Product cards (product collection / product template)
 *  2. Prices, badges, ratings, buttons
 *  3. Archive: breadcrumbs, sorting, result count, pagination, notices
 *  4. Single product: gallery, summary, add to cart, tabs, reviews
 *  5. Cart and checkout blocks
 *  6. Mini-cart drawer and header icons
 *  7. Order confirmation and classic account pages
 */

/* --------------------------------------------------------------------------
 * 1. Product cards
 * ----------------------------------------------------------------------- */

.wc-block-product-template {
	gap: 1.25rem;
}

.wc-block-product-template > li {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	background-color: var(--im-surface);
	border: 1px solid var(--im-line);
	border-radius: var(--im-radius);
	overflow: hidden;
	transition: transform var(--im-ease), border-color var(--im-ease), box-shadow var(--im-ease);
}

/* Card hover lift. */
.wc-block-product-template > li:hover,
.wc-block-product-template > li:focus-within {
	transform: translateY(-4px);
	border-color: var(--im-line-strong);
	box-shadow: var(--wp--preset--shadow--lift);
}

@media (prefers-reduced-motion: reduce) {
	.wc-block-product-template > li:hover,
	.wc-block-product-template > li:focus-within {
		transform: none;
	}
}

.wc-block-product-template > li > * {
	margin-block: 0;
}

/* Two across below 1080px, as in the concept. */
@media (max-width: 1080px) {
	.wc-block-product-template.wc-block-product-template__responsive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	.wc-block-product-template {
		gap: 0.75rem;
	}
}

/* Card picture: square tile on a warm dark ground (concept .card .pic). */
.wc-block-product-template .wc-block-components-product-image {
	position: relative;
	margin: 0 !important;
	aspect-ratio: 1 / 1;
	background-color: #3c3b33;
	overflow: hidden;
}

.wc-block-product-template .wc-block-components-product-image a,
.wc-block-product-template .wc-block-components-product-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.wc-block-product-template .wc-block-components-product-image img {
	object-fit: cover;
	transition: transform 0.4s ease;
}

.wc-block-product-template > li:hover .wc-block-components-product-image img {
	transform: scale(1.03);
}

@media (max-width: 1080px) {
	.wc-block-product-template .wc-block-components-product-image {
		aspect-ratio: 4 / 3;
	}
}

/*
 * Product art fallback. When a product has no image WooCommerce prints its
 * grey placeholder; hide it (keeping its box) and show the concept's boilies
 * illustration instead.
 */
.wc-block-components-product-image:has(img.woocommerce-placeholder),
.wc-block-components-product-image:has(img[src*="woocommerce-placeholder"]),
.woocommerce-product-gallery__image--placeholder {
	background: #3c3b33 url("../images/product-fallback.svg") center / cover no-repeat;
}

.wc-block-components-product-image img.woocommerce-placeholder,
.wc-block-components-product-image img[src*="woocommerce-placeholder"],
.woocommerce-product-gallery__image--placeholder img {
	opacity: 0;
}

/* Card body (group with class im-product-card__body in the patterns/templates). */
.im-product-card__body {
	flex: 1;
	padding: 1.125rem 1.125rem 1.25rem;
	gap: 0.625rem;
}

.im-product-card__body > * {
	margin-block: 0;
}

.wc-block-product-template .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.02rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.wc-block-product-template .wp-block-post-title a {
	color: var(--im-cream);
	text-decoration: none;
}

.wc-block-product-template .wp-block-post-title a:hover {
	color: var(--im-peach);
}

.im-product-card__buy {
	margin-top: auto !important;
	padding-top: 0.375rem;
	gap: 0.5rem;
	align-items: center;
}

.im-product-card__buy > * {
	margin: 0 !important;
}

@media (max-width: 520px) {
	.im-product-card__body {
		padding: 0.875rem;
	}

	.wc-block-product-template .wp-block-post-title {
		font-size: 0.92rem;
	}

	.im-product-card__buy .wc-block-components-product-price {
		font-size: 1.2rem !important;
	}
}

/* "You might also like" heading inside the related products collection. */
.im-related-title {
	margin: var(--wp--preset--spacing--50) 0 1.5rem;
}

/* No results */
.wp-block-woocommerce-product-collection-no-results {
	text-align: center;
	color: var(--im-muted);
	padding: 2rem 0;
}

/* --------------------------------------------------------------------------
 * 2. Prices, badges, ratings, buttons
 * ----------------------------------------------------------------------- */

.wc-block-components-product-price,
.wp-block-woocommerce-product-price {
	font-family: var(--wp--preset--font-family--serif);
	color: var(--im-peach);
	line-height: 1;
}

.wc-block-components-product-price del,
.wc-block-components-product-price__regular {
	color: var(--im-muted);
	font-size: 0.7em;
	opacity: 1;
}

.wc-block-components-product-price ins,
.wc-block-components-product-price__value.is-discounted {
	text-decoration: none;
	background: none;
}

/* Cart/checkout prices stay in the body face so totals line up. */
.wp-block-woocommerce-cart .wc-block-components-product-price,
.wp-block-woocommerce-checkout .wc-block-components-product-price,
.wc-block-mini-cart__drawer .wc-block-components-product-price {
	font-family: inherit;
	color: inherit;
	line-height: inherit;
}

/* Sale badge: deep ember pill, top left (concept .tag). */
.wc-block-components-product-sale-badge,
.woocommerce span.onsale {
	background-color: var(--im-ember-deep) !important;
	color: var(--im-paper) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 0.25rem 0.625rem !important;
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.72rem !important;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.4 !important;
	min-height: 0 !important;
	min-width: 0 !important;
}

.wc-block-components-product-image .wc-block-components-product-sale-badge {
	position: absolute;
	top: 0.875rem;
	left: 0.875rem;
	right: auto;
	margin: 0;
	z-index: 2;
}

.woocommerce span.onsale {
	top: 0.875rem;
	left: 0.875rem;
	right: auto;
	margin: 0;
}

/* Star ratings */
.wc-block-components-product-rating__stars span::before,
.woocommerce .star-rating span::before,
.woocommerce p.stars a,
.woocommerce p.stars a::before {
	color: var(--im-peach);
}

.wc-block-components-product-rating__stars::before,
.woocommerce .star-rating::before {
	color: var(--im-line-strong);
	opacity: 1;
}

/*
 * Card "Add to basket" button: cream pill (concept .add). theme.json sets
 * this too; repeated here because WooCommerce's own button CSS can load later.
 */
.wp-block-woocommerce-product-button .wp-block-button__link,
.wp-block-woocommerce-product-button .wc-block-components-product-button__button {
	background: var(--im-cream);
	background-image: none;
	color: var(--im-bg-deep);
	border: 0;
	border-radius: 999px;
	padding: 0.5625rem 1rem;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	transition: background-color var(--im-ease), transform var(--im-ease);
}

.wp-block-woocommerce-product-button .wp-block-button__link:hover,
.wp-block-woocommerce-product-button .wc-block-components-product-button__button:hover {
	background: var(--im-peach);
	color: var(--im-bg-deep);
}

.wp-block-woocommerce-product-button .wp-block-button__link.added,
.wp-block-woocommerce-product-button .wc-block-components-product-button__button.added {
	background: var(--im-coral);
	color: var(--im-bg-deep);
}

.wp-block-woocommerce-product-button .wp-block-button__link.loading,
.wp-block-woocommerce-product-button .wc-block-components-product-button__button.loading {
	opacity: 0.7;
}

.wp-block-woocommerce-product-button {
	margin: 0;
}

.wp-block-woocommerce-product-button .added_to_cart,
.wc-block-components-product-button .added_to_cart {
	display: inline-block;
	margin-top: 0.375rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--im-peach);
}

@media (max-width: 520px) {
	.wp-block-woocommerce-product-button .wp-block-button__link,
	.wp-block-woocommerce-product-button .wc-block-components-product-button__button {
		padding: 0.5rem 0.75rem;
		font-size: 0.8rem;
	}
}

/* Classic WooCommerce buttons (account pages, notices) follow the theme. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--wp--preset--gradient--peach-coral);
	color: var(--im-bg-deep);
	border-radius: 999px;
	font-weight: 600;
	padding: 0.75rem 1.4rem;
	border: 0;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--im-peach);
	color: var(--im-bg-deep);
}

.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	opacity: 0.5;
	color: var(--im-bg-deep);
}

/* --------------------------------------------------------------------------
 * 3. Archive furniture
 * ----------------------------------------------------------------------- */

.wc-block-breadcrumbs,
.woocommerce-breadcrumb,
.wp-block-woocommerce-breadcrumbs {
	color: var(--im-muted);
	font-size: 0.875rem;
}

.wc-block-breadcrumbs a,
.woocommerce-breadcrumb a,
.wp-block-woocommerce-breadcrumbs a {
	color: var(--im-muted);
	text-decoration: underline;
	text-decoration-color: var(--im-line-strong);
	text-underline-offset: 3px;
}

.wc-block-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover,
.wp-block-woocommerce-breadcrumbs a:hover {
	color: var(--im-peach);
	text-decoration-color: currentColor;
}

.im-archive-tools {
	gap: 1rem;
	border-bottom: 1px solid var(--im-line);
	padding-bottom: 1rem;
}

.im-archive-tools > * {
	margin: 0 !important;
}

.wc-block-catalog-sorting select,
.woocommerce-ordering select {
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
	border: 1px solid var(--im-line-strong);
	border-radius: 999px;
	padding: 0.5rem 2.25rem 0.5rem 1rem;
	font-size: 0.9rem;
}

.wc-block-catalog-sorting label {
	color: var(--im-muted);
}

.wp-block-term-description {
	color: var(--im-muted);
	max-width: 46em;
}

/*
 * Notices (block + classic). WooCommerce paints these light; re-skin as
 * dark panels keeping its coloured edge so the type is still clear.
 */
.wc-block-components-notice-banner {
	background-color: var(--im-surface) !important;
	color: var(--im-cream) !important;
	border-radius: var(--im-radius-field) !important;
}

.wc-block-components-notice-banner a,
.wc-block-components-notice-banner .wc-forward {
	color: var(--im-peach) !important;
	font-weight: 600;
}

.wc-block-components-notice-banner .wc-forward {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	text-decoration: underline;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	background-color: var(--im-surface) !important;
	color: var(--im-cream) !important;
	border-radius: var(--im-radius-field);
}

.woocommerce-message {
	border-top-color: #4ab866;
}

.woocommerce-info {
	border-top-color: var(--im-peach);
}

.woocommerce-error {
	border-top-color: #e65054;
}

.woocommerce-message::before {
	color: #4ab866;
}

.woocommerce-info::before {
	color: var(--im-peach);
}

/* --------------------------------------------------------------------------
 * 4. Single product
 * ----------------------------------------------------------------------- */

.woocommerce-product-gallery {
	position: relative;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport {
	border-radius: var(--im-radius);
	overflow: hidden;
	background-color: #3c3b33;
}

.woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	margin: 0.75rem 0 0 !important;
	padding: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce-product-gallery .flex-control-thumbs li {
	width: calc(25% - 0.5rem) !important;
	margin: 0 !important;
	list-style: none;
}

.woocommerce-product-gallery .flex-control-thumbs img {
	border-radius: var(--wp--custom--radius--small, 8px);
	border: 2px solid transparent;
	opacity: 0.65;
	cursor: pointer;
	transition: opacity var(--im-ease), border-color var(--im-ease);
}

.woocommerce-product-gallery .flex-control-thumbs img:hover,
.woocommerce-product-gallery .flex-control-thumbs img.flex-active {
	opacity: 1;
	border-color: var(--im-peach);
}

.woocommerce-product-gallery__trigger {
	background-color: var(--im-cream) !important;
	z-index: 5;
}

.im-product-summary > * {
	margin-block-start: 0;
}

.im-product-summary .wp-block-post-title {
	margin-block: 0.25rem 0.75rem;
}

.im-product-summary .wc-block-components-product-price,
.im-product-summary .wp-block-woocommerce-product-price {
	font-size: 2rem;
}

.im-product-summary .wp-block-post-excerpt {
	color: var(--im-muted);
}

/* Add to cart form (classic markup inside the block). */
.wp-block-add-to-cart-form form.cart,
.wc-block-add-to-cart-form form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.wp-block-add-to-cart-form form.variations_form,
.wc-block-add-to-cart-form form.variations_form {
	display: block;
}

.wp-block-add-to-cart-form .single_variation_wrap .woocommerce-variation-add-to-cart,
.wc-block-add-to-cart-form .single_variation_wrap .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.woocommerce .quantity .qty,
.wc-block-add-to-cart-form .quantity .qty {
	width: 4.5em;
	min-height: 3rem;
	text-align: center;
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
	border: 1px solid var(--im-line-strong);
	border-radius: 999px;
}

.single_add_to_cart_button {
	min-height: 3rem;
	padding-inline: 1.75rem !important;
}

/* Variation pickers (e.g. boilie size): concept .sizes. */
.woocommerce div.product form.cart table.variations {
	border: 0;
	margin-bottom: 1rem;
}

.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
	border: 0;
	padding: 0.375rem 0.75rem 0.375rem 0;
	vertical-align: middle;
	background: none;
}

.woocommerce div.product form.cart table.variations th label {
	color: var(--im-muted);
	font-weight: 500;
}

.woocommerce div.product form.cart .variations select {
	min-width: 12rem;
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
	border: 1px solid var(--im-line-strong);
	border-radius: var(--im-radius-field);
	padding: 0.55rem 0.9rem;
}

.woocommerce div.product form.cart .reset_variations {
	color: var(--im-peach);
	font-size: 0.85rem;
}

.woocommerce div.product .woocommerce-variation-price .price {
	color: var(--im-peach);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.5rem;
}

.woocommerce div.product p.stock {
	color: var(--im-muted);
}

.woocommerce div.product p.stock.in-stock {
	color: #8fd19e;
}

.woocommerce div.product p.stock.out-of-stock {
	color: #ff9a9d;
}

.wp-block-woocommerce-product-meta {
	color: var(--im-muted);
	font-size: 0.875rem;
	border-top: 1px solid var(--im-line);
	padding-top: 1rem;
}

.wp-block-woocommerce-product-meta a {
	color: var(--im-muted);
}

.wp-block-woocommerce-product-meta a:hover {
	color: var(--im-peach);
}

/* Product details tabs (classic tab markup rendered by the block). */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.wp-block-woocommerce-product-details ul.tabs {
	padding: 0;
	margin: 0 0 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1.5rem;
	border-bottom: 1px solid var(--im-line);
	overflow: visible;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.wp-block-woocommerce-product-details ul.tabs li {
	background: none !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	margin: 0 0 -1px !important;
	padding: 0 !important;
	opacity: 1 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.wp-block-woocommerce-product-details ul.tabs li a {
	display: block;
	padding: 0.75rem 0 !important;
	color: var(--im-muted) !important;
	font-weight: 600;
	text-decoration: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.wp-block-woocommerce-product-details ul.tabs li.active {
	border-bottom-color: var(--im-peach) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.wp-block-woocommerce-product-details ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--im-cream) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	color: var(--im-cream);
}

.woocommerce div.product .woocommerce-tabs .panel > h2:first-child {
	font-size: 1.5rem;
}

.woocommerce table.shop_attributes,
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
	border-color: var(--im-line) !important;
	background: none !important;
}

.woocommerce table.shop_attributes th {
	color: var(--im-cream);
}

.woocommerce table.shop_attributes td {
	color: var(--im-muted);
	font-style: normal;
}

/* Reviews */
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border-color: var(--im-line);
	border-radius: var(--im-radius-field);
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	background: var(--im-surface);
	border-color: var(--im-line);
	border-radius: 50%;
}

.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"] {
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
	border: 1px solid var(--im-line-strong);
	border-radius: var(--im-radius-field);
}

/* --------------------------------------------------------------------------
 * 5. Cart and checkout blocks
 *
 * WooCommerce hard-codes #fff fields, #2b2d2f text and dark ticks with long
 * selectors; !important on these colour declarations keeps them readable
 * on the dark background regardless of load order.
 * ----------------------------------------------------------------------- */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	color: var(--im-cream);
}

/* Text fields, selects, textareas */
.wc-block-components-text-input input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-blocks-components-select .wc-blocks-components-select__container,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea,
.wc-block-components-address-form textarea {
	background-color: var(--im-bg-deep) !important;
	color: var(--im-cream) !important;
	border-color: var(--im-line-strong) !important;
	border-radius: var(--im-radius-field) !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
	border-color: var(--im-peach) !important;
	box-shadow: 0 0 0 1px var(--im-peach) !important;
	outline: none;
}

.wc-block-components-text-input label,
.wc-block-components-combobox .wc-block-components-combobox-control label,
.wc-blocks-components-select .wc-blocks-components-select__label {
	color: var(--im-muted) !important;
}

.wc-blocks-components-select .wc-blocks-components-select__expand {
	fill: var(--im-muted) !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select option {
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
}

.wc-block-components-combobox .components-form-token-field__suggestions-list {
	background-color: var(--im-surface) !important;
	color: var(--im-cream) !important;
	border-color: var(--im-line) !important;
}

.wc-block-components-combobox .components-form-token-field__suggestion.is-selected {
	background-color: var(--im-surface-2) !important;
	color: var(--im-peach) !important;
}

.wc-block-components-validation-error,
.wc-block-components-text-input.has-error label,
.wc-block-components-validation-error > p {
	color: #ff9a9d !important;
}

.wc-block-components-text-input.has-error input {
	border-color: #ff9a9d !important;
}

/* Checkboxes and radios */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"],
.wc-block-components-radio-control .wc-block-components-radio-control__input,
.wc-block-components-radio-control__input {
	background-color: var(--im-bg-deep) !important;
	border-color: var(--im-line-strong) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background-color: var(--im-bg-deep) !important;
	border-color: var(--im-peach) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
	fill: var(--im-peach) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked,
.wc-block-components-radio-control__input:checked {
	border-color: var(--im-peach) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before,
.wc-block-components-radio-control__input:checked::before {
	background-color: var(--im-peach) !important;
}

.wc-block-components-checkbox label,
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-label {
	color: inherit;
}

/* Hairlines: WooCommerce uses near-black at 11% which vanishes on dark. */
.wc-block-components-totals-wrapper,
.wc-block-components-totals-item,
.wc-block-components-panel,
.wc-block-cart-items,
.wc-block-cart-items td,
.wc-block-cart-items th,
.wc-block-cart-items__header,
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-checkout-step,
.wc-block-components-checkout-step__container::after,
.wc-block-checkout__actions,
.wc-block-components-order-summary,
.wc-block-components-order-summary-item,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control--highlight-checked::after,
.wc-block-components-shipping-rates-control__package,
.wc-block-components-express-payment-continue-rule::before,
.wc-block-components-express-payment-continue-rule::after,
.wc-block-components-address-card,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector::after {
	border-color: var(--im-line) !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	box-shadow: inset 0 0 0 2px var(--im-peach) !important;
	border-radius: var(--im-radius-field);
}

/* Summary panels as dark cards. */
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block {
	background-color: var(--im-surface);
	border: 1px solid var(--im-line);
	border-radius: var(--im-radius);
	padding: 0.5rem 0;
}

.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text,
.wc-block-components-checkout-step__title,
.wc-block-cart .wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--body) !important;
	font-weight: 600 !important;
	color: var(--im-cream);
}

.wc-block-components-checkout-step__description,
.wc-block-components-order-summary-item__description,
.wc-block-components-product-metadata,
.wc-block-components-totals-item__description,
.wc-block-components-shipping-address,
.wc-block-cart-item__prices,
.wc-block-components-checkout-return-to-cart-button {
	color: var(--im-muted);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.35rem;
	font-weight: 400;
	color: var(--im-peach);
}

/* Product names/links inside cart lists */
.wc-block-components-product-name,
.wc-block-cart-item__product a.wc-block-components-product-name {
	color: var(--im-cream) !important;
	font-weight: 600;
	text-decoration: none;
}

.wc-block-components-product-name:hover {
	color: var(--im-peach) !important;
}

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: var(--wp--custom--radius--small, 8px);
	background-color: #3c3b33;
}

.wc-block-components-order-summary-item__quantity {
	background-color: var(--im-cream) !important;
	color: var(--im-bg-deep) !important;
	border-color: var(--im-bg) !important;
	box-shadow: none !important;
}

/* Quantity stepper */
.wc-block-components-quantity-selector {
	border-radius: 999px !important;
	background-color: var(--im-bg-deep);
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	background: transparent !important;
	color: var(--im-cream) !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	color: var(--im-cream) !important;
	background: none !important;
	opacity: 1;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
	opacity: 0.4;
}

.wc-block-cart-item__remove-link {
	color: var(--im-muted) !important;
}

.wc-block-cart-item__remove-link:hover {
	color: var(--im-peach) !important;
}

/* Product "Save £x" badges in cart. */
.wc-block-components-product-badge,
.wc-block-components-sale-badge {
	color: var(--im-peach) !important;
	border-color: currentColor !important;
	background: none !important;
	border-radius: 999px !important;
}

/* Coupon and secondary links */
.wc-block-components-totals-coupon-link,
.wc-block-components-panel__button,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-shipping__change-address__link {
	color: var(--im-peach) !important;
}

.wc-block-components-panel__button svg {
	fill: currentColor;
}

/* Buttons: primary actions keep the gradient pill from theme.json. */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
	border-radius: 999px !important;
	font-weight: 600 !important;
	min-height: 3.25rem;
}

.wc-block-components-button:not(.is-link).outlined,
.wc-block-mini-cart__footer-cart.outlined {
	background: transparent !important;
	color: var(--im-cream) !important;
	border: 2px solid var(--im-line) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

.wc-block-components-button:not(.is-link).outlined:hover,
.wc-block-mini-cart__footer-cart.outlined:hover {
	border-color: var(--im-peach) !important;
	color: var(--im-peach) !important;
}

.wc-block-components-button:not(.is-link):focus-visible {
	outline: 2px solid var(--im-cream);
	outline-offset: 3px;
	box-shadow: none;
}

/* Express payment area */
.wc-block-components-express-payment__title-container .wc-block-components-express-payment__title,
.wc-block-components-express-payment-continue-rule {
	color: var(--im-muted);
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::after,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__content {
	border-color: var(--im-line) !important;
}

.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container .wc-block-components-express-payment__title {
	background-color: var(--im-bg) !important;
}

/* Payment method panels (Stripe / PayPal render inside these). */
.wc-block-components-radio-control-accordion-content {
	color: var(--im-cream);
}

.wc-block-checkout__terms,
.wc-block-checkout__terms a {
	color: var(--im-muted);
}

.wc-block-checkout__terms a {
	text-decoration: underline;
}

/* Spinner and skeletons */
.wc-block-components-spinner::after {
	border-color: var(--im-peach);
	border-top-color: transparent;
}

.wc-block-components-skeleton__element,
.wc-block-components-loading-mask {
	background-color: var(--im-surface);
}

/* Empty cart */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
}

.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before {
	background-color: var(--im-peach) !important;
}

/* --------------------------------------------------------------------------
 * 6. Mini-cart and header icons
 * ----------------------------------------------------------------------- */

.wc-block-mini-cart__badge {
	background-color: var(--im-coral) !important;
	color: var(--im-bg-deep) !important;
	border: 0 !important;
	font-weight: 600;
	font-size: 0.7rem;
	min-width: 18px;
	height: 18px;
}

.wc-block-mini-cart__amount {
	color: var(--im-cream);
}

/* The drawer slides in over the page: dark like the rest of the site. */
.wc-block-mini-cart__drawer,
.wc-block-mini-cart__drawer .wc-block-components-drawer,
.wc-block-components-drawer {
	background-color: var(--im-bg) !important;
	color: var(--im-cream) !important;
}

.wc-block-components-drawer__screen-overlay {
	background-color: rgba(18, 18, 15, 0.7) !important;
}

.wc-block-components-drawer__close,
.wc-block-components-drawer__close-wrapper button {
	color: var(--im-cream) !important;
	background: none !important;
}

.wc-block-components-drawer__close:hover {
	color: var(--im-peach) !important;
}

.wc-block-mini-cart__title {
	font-family: var(--wp--preset--font-family--display) !important;
	font-weight: 400 !important;
}

.wc-block-mini-cart__footer {
	border-top: 1px solid var(--im-line);
	box-shadow: none !important;
	background-color: var(--im-bg-deep);
}

.wc-block-mini-cart__footer .wc-block-components-totals-item__label,
.wc-block-mini-cart__footer .wc-block-components-totals-item__value {
	color: var(--im-cream);
	font-weight: 600;
}

.wc-block-mini-cart__footer-checkout {
	border-radius: 999px !important;
}

.wc-block-mini-cart__empty-cart-wrapper p {
	color: var(--im-muted);
}

/* Customer account link icon colour */
.wp-block-woocommerce-customer-account a {
	color: var(--im-cream);
	text-decoration: none;
}

.wp-block-woocommerce-customer-account svg {
	fill: currentColor;
}

/* --------------------------------------------------------------------------
 * 7. Order confirmation and classic account pages
 * ----------------------------------------------------------------------- */

.wc-block-order-confirmation-status {
	font-family: var(--wp--preset--font-family--display);
}

.wc-block-order-confirmation-status p {
	font-family: var(--wp--preset--font-family--body);
	color: var(--im-muted);
}

.wc-block-order-confirmation-summary-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	padding: 1.25rem 1.5rem !important;
	margin: 0;
	list-style: none;
	background-color: var(--im-surface);
	border: 1px solid var(--im-line);
	border-radius: var(--im-radius);
}

.wc-block-order-confirmation-summary-list-item__key {
	color: var(--im-muted);
	font-size: 0.85rem;
}

.wc-block-order-confirmation-totals table,
.wc-block-order-confirmation-totals table th,
.wc-block-order-confirmation-totals table td,
.wc-block-order-confirmation-totals table tfoot,
.wc-block-order-confirmation-downloads table,
.wc-block-order-confirmation-downloads table th,
.wc-block-order-confirmation-downloads table td {
	border-color: var(--im-line) !important;
}

.wc-block-order-confirmation-address-wrapper address,
.wc-block-order-confirmation-shipping-address,
.wc-block-order-confirmation-billing-address {
	border-color: var(--im-line) !important;
	border-radius: var(--im-radius-field);
	background-color: var(--im-surface);
	font-style: normal;
}

/* Classic tables (My account > Orders, classic thank-you fallback). */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.my_account_orders,
.woocommerce-page table.shop_table {
	border-color: var(--im-line) !important;
}

.woocommerce table.shop_table {
	border-radius: var(--im-radius-field);
}

/* My account: give the classic shortcode output the wide width. */
.woocommerce-account .wp-block-post-content > .woocommerce {
	max-width: var(--wp--style--global--wide-size) !important;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.25rem;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 0.6rem 1rem;
	border-radius: 999px;
	color: var(--im-muted);
	text-decoration: none;
	font-weight: 500;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: var(--im-surface);
	color: var(--im-cream);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text {
	background-color: var(--im-bg-deep);
	color: var(--im-cream);
	border: 1px solid var(--im-line-strong);
	border-radius: var(--im-radius-field);
	padding: 0.65rem 0.9rem;
}

.woocommerce form .form-row label {
	color: var(--im-muted);
}

.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon,
.woocommerce form.lost_reset_password {
	border-color: var(--im-line) !important;
	border-radius: var(--im-radius) !important;
	background-color: var(--im-surface);
}

.woocommerce .woocommerce-customer-details address,
.woocommerce-account .addresses address {
	border-color: var(--im-line) !important;
	border-radius: var(--im-radius-field);
	font-style: normal;
}

/* select2/selectWoo (classic address forms) */
.select2-container--default .select2-selection--single {
	background-color: var(--im-bg-deep) !important;
	border-color: var(--im-line-strong) !important;
	border-radius: var(--im-radius-field) !important;
	min-height: 2.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--im-cream) !important;
	line-height: 2.75rem !important;
}

.select2-dropdown {
	background-color: var(--im-surface) !important;
	color: var(--im-cream) !important;
	border-color: var(--im-line) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--im-surface-2) !important;
	color: var(--im-peach) !important;
}