/*
 * Roar Atelier: WooCommerce.
 *
 * WooCommerce's own stylesheets are switched off; this file styles the shop,
 * product page, bag, checkout and account from scratch.
 */

/* --------------------------------------------------------------- Notices */

.woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 0 0 24px;
	padding: 14px 18px;
	border-inline-start: 2px solid var(--at-ink);
	background: var(--at-surface);
	font-size: 0.9375rem;
	list-style: none;
}

.woocommerce-message {
	border-color: #2f7d4f;
}

.woocommerce-error {
	border-color: var(--at-sale);
	background: color-mix(in srgb, var(--at-sale) 6%, var(--at-bg));
}

.woocommerce-error li {
	width: 100%;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	order: 2;
	margin-inline-start: auto;
}

.woocommerce-store-notice,
p.demo_store {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 110;
	margin: 0;
	padding: 12px 16px;
	background: var(--at-ink);
	color: var(--at-on-ink);
	font-size: 0.875rem;
	text-align: center;
}

.woocommerce-store-notice a {
	color: inherit;
}

/* --------------------------------------------------------------- Buttons */

:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc, .at-wishlist, .at-row) :is(a, button, input).button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 10px 24px;
	border: 1px solid var(--at-ink);
	border-radius: var(--at-radius);

	/* Same rising fill as the theme's own buttons. */
	--at-btn-fill: var(--at-ink);
	background-color: transparent;
	background-image: linear-gradient(var(--at-btn-fill), var(--at-btn-fill));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 0;
	color: var(--at-ink);
	font: inherit;
	font-size: 0.9375rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-size 0.35s var(--at-ease), border-color 0.25s, color 0.25s, opacity 0.2s;
}

:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc, .at-wishlist, .at-row) :is(a, button, input).button:hover {
	background-size: 100% 100%;
	color: var(--at-on-ink);
}

/* Primary actions */
:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc) :is(a, button, input).button:is(.alt, .checkout, .checkout-button, .single_add_to_cart_button, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-Button),
.woocommerce #respond input#submit,
.woocommerce #place_order {
	--at-btn-fill: var(--at-accent);
	background-color: var(--at-ink);
	color: var(--at-on-ink);
}

:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc) :is(a, button, input).button:is(.alt, .checkout, .checkout-button, .single_add_to_cart_button, .woocommerce-form-login__submit, .woocommerce-form-register__submit, .woocommerce-Button):hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order:hover {
	border-color: var(--at-accent);
	color: var(--at-ink);
}

/* Unavailable buttons do not respond to hover. */
:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc) :is(a, button, input).button:is(.disabled, :disabled, [aria-disabled="true"]) {
	background-image: none;
	opacity: 0.45;
	cursor: not-allowed;
}

:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc) :is(a, button, input).button:is(.disabled, :disabled, [aria-disabled="true"]):hover {
	border-color: var(--at-ink);
	color: var(--at-ink);
}

:where(.woocommerce, .woocommerce-page, .at-drawer, .at-modal, .at-stickyatc) :is(a, button, input).button:is(.alt, .checkout, .checkout-button, .single_add_to_cart_button):is(.disabled, :disabled, [aria-disabled="true"]):hover {
	border-color: var(--at-ink);
	color: var(--at-on-ink);
}

:is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .price_slider_amount) :is(a, button).button {
	min-height: 36px;
	padding: 6px 16px;
	font-size: 0.8125rem;
}

.button.loading {
	position: relative;
	color: transparent !important;
	pointer-events: none;
}

.button.loading::after,
.woocommerce .blockUI.blockOverlay::before,
.at-spinner {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 2px solid color-mix(in srgb, currentColor 30%, transparent);
	border-top-color: var(--at-accent);
	border-radius: 50%;
	animation: at-spin 0.7s linear infinite;
}

.woocommerce .blockUI.blockOverlay::before {
	border-color: var(--at-line);
	border-top-color: var(--at-ink);
}

.at-spinner {
	position: static;
	display: block;
	margin: 40px auto;
	border-color: var(--at-line);
	border-top-color: var(--at-ink);
}

@keyframes at-spin {
	to {
		transform: rotate(360deg);
	}
}

.added_to_cart {
	display: none;
}

/* ----------------------------------------------------------------- Forms */

.form-row {
	margin: 0 0 16px;
	padding: 0;
}

.form-row label,
.woocommerce-form-row label {
	display: block;
	margin-block-end: 6px;
	font-size: 0.875rem;
}

.form-row label.checkbox,
.woocommerce-form__label-for-checkbox,
.form-row label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: flex-start;
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.4;
	cursor: pointer;
}

.form-row .required,
abbr.required {
	color: var(--at-sale);
	text-decoration: none;
}

.form-row .optional {
	color: var(--at-muted);
}

.form-row-first {
	float: left;
	width: calc(50% - 8px);
}

.form-row-last {
	float: right;
	width: calc(50% - 8px);
}

.form-row-wide,
.clear,
form .clear {
	clear: both;
}

form.woocommerce-form::after,
.woocommerce-EditAccountForm::after,
.woocommerce-address-fields::after {
	content: "";
	display: table;
	clear: both;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 16px;
}

:is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) > .form-row {
	grid-column: 1 / -1;
	float: none;
	width: auto;
}

:is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row-first {
	grid-column: 1;
}

:is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row-last {
	grid-column: 2;
}

.woocommerce-invalid input,
.woocommerce-invalid select,
.woocommerce-invalid .select2-selection {
	border-color: var(--at-sale) !important;
}

.woocommerce-input-wrapper {
	display: block;
}

.checkout-inline-error-message {
	margin: 6px 0 0;
	color: var(--at-sale);
	font-size: 0.8125rem;
}

.password-input {
	position: relative;
	display: block;
}

.show-password-input {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: 6px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--at-muted);
	cursor: pointer;
	transform: translateY(-50%);
}

.show-password-input::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: auto;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.show-password-input.display-password {
	color: var(--at-ink);
}

.woocommerce-password-strength {
	margin-block-start: 6px;
	font-size: 0.8125rem;
}

.woocommerce-password-strength.bad,
.woocommerce-password-strength.short {
	color: var(--at-sale);
}

.select2-container .select2-selection--single {
	height: 48px;
	border: 1px solid var(--at-line);
	border-radius: var(--at-radius);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-inline: 14px 40px;
	color: var(--at-ink);
	line-height: 46px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
	inset-inline-end: 8px;
}

.select2-dropdown {
	border-color: var(--at-ink);
	border-radius: var(--at-radius);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: var(--at-surface);
	color: var(--at-ink);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	min-height: 40px;
	border-color: var(--at-line);
}

/* ----------------------------------------------------------- Shop layout */

.at-shop {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	padding-block-end: var(--at-section);
}

.at-page-header--shop {
	padding-block-end: clamp(16px, 2.4vw, 28px);
}

.at-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.at-chips a,
.at-search__cats a {
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid var(--at-line);
	border-radius: 999px;
	font-size: 0.875rem;
	text-decoration: none;
	white-space: nowrap;
}

.at-chips a:hover,
.at-search__cats a:hover {
	border-color: var(--at-ink);
	color: var(--at-ink);
}

.at-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-block-end: 24px;
	padding-block-end: 14px;
	border-bottom: 1px solid var(--at-line);
}

.at-toolbar__filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 0 16px;
	border: 1px solid var(--at-line);
	border-radius: var(--at-radius);
	background: none;
	color: var(--at-ink);
	font: inherit;
	font-size: 0.9375rem;
	cursor: pointer;
}

.at-toolbar__filter:hover {
	border-color: var(--at-ink);
}

.woocommerce-result-count {
	flex: 1;
	margin: 0;
	color: var(--at-muted);
	font-size: 0.875rem;
}

.woocommerce-ordering {
	margin: 0;
}

.woocommerce-ordering select {
	width: auto;
	min-height: 40px;
	padding-block: 6px;
	font-size: 0.9375rem;
}

.at-gridswitch {
	display: flex;
	gap: 2px;
}

.at-gridswitch__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: none;
	color: color-mix(in srgb, var(--at-muted) 55%, var(--at-bg));
	cursor: pointer;
}

.at-gridswitch__btn i {
	display: block;
	width: 4px;
	height: 16px;
	border-radius: 1px;
	background: currentColor;
}

.at-gridswitch__btn:hover,
.at-gridswitch__btn[aria-pressed="true"] {
	color: var(--at-ink);
}

.at-gridswitch__btn--1 {
	display: none;
}

@media (min-width: 1024px) {
	.at-shop--left {
		grid-template-columns: 232px minmax(0, 1fr);
		gap: clamp(32px, 4vw, 64px);
	}

	.at-shop--right {
		grid-template-columns: minmax(0, 1fr) 232px;
		gap: clamp(32px, 4vw, 64px);
	}

	.at-shop--right > .at-filters {
		order: 2;
	}

	/* On wide screens the filter drawer becomes a plain sidebar. */
	:is(.at-shop--left, .at-shop--right) > .at-filters {
		position: static;
		z-index: auto;
		align-self: start;
		display: block;
		width: auto;
		background: none;
		visibility: visible;
		transform: none;
	}

	/* The script adds this when the filters fit on screen, so they follow the grid. */
	:is(.at-shop--left, .at-shop--right) > .at-filters.is-sticky {
		position: sticky;
		inset-block: 24px auto;
	}

	.at-sticky-header :is(.at-shop--left, .at-shop--right) > .at-filters.is-sticky {
		inset-block-start: calc(var(--at-header-h) + 24px);
	}

	:is(.at-shop--left, .at-shop--right) > .at-filters .at-drawer__head {
		display: none;
	}

	:is(.at-shop--left, .at-shop--right) > .at-filters .at-drawer__body {
		padding: 0;
		overflow: visible;
	}

	:is(.at-shop--left, .at-shop--right) .at-toolbar__filter {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.at-chips {
		flex-wrap: nowrap;
		margin-inline: calc(var(--at-gutter) * -1);
		padding-inline: var(--at-gutter);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.at-chips::-webkit-scrollbar {
		display: none;
	}

	.woocommerce-result-count {
		order: 5;
		flex-basis: 100%;
	}

	.woocommerce-ordering {
		margin-inline-start: auto;
	}

	.at-gridswitch__btn--1 {
		display: inline-flex;
	}

	.at-gridswitch__btn--3,
	.at-gridswitch__btn--4 {
		display: none;
	}
}

/* --------------------------------------------------------------- Filters */

.at-filters .widget {
	margin-block-end: 24px;
	padding-block-end: 22px;
	border-bottom: 1px solid var(--at-line);
}

.at-filters .widget:last-child {
	border-bottom: 0;
}

.at-filters .widget:empty {
	display: none;
}

.at-filters .widget li {
	padding-block: 3px;
}

.widget_product_categories ul.children {
	padding-inline-start: 14px;
}

.widget_product_categories .children a {
	color: var(--at-muted);
	font-size: 0.9375rem;
}

.widget_product_categories .current-cat > a {
	color: var(--at-ink);
	font-weight: 500;
}

.widget .count {
	margin-inline-start: 4px;
	color: var(--at-muted);
	font-size: 0.8125rem;
}

.woocommerce-widget-layered-nav-list__item a::before,
.wc-layered-nav-rating a::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-inline-end: 10px;
	border: 1px solid var(--at-muted);
	border-radius: 2px;
	vertical-align: -3px;
}

.woocommerce-widget-layered-nav-list__item--chosen a::before,
.wc-layered-nav-rating.chosen a::before {
	border-color: var(--at-ink);
	background: var(--at-ink);
	box-shadow: inset 0 0 0 3px var(--at-bg);
}

.widget_layered_nav_filters ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.widget_layered_nav_filters li {
	padding: 0;
}

.widget_layered_nav_filters a {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid var(--at-ink);
	border-radius: 999px;
	font-size: 0.8125rem;
}

.widget_layered_nav_filters a::before {
	content: "\00d7";
	margin-inline-end: 6px;
}

.price_slider_wrapper .ui-slider {
	position: relative;
	height: 2px;
	margin: 20px 9px 22px;
	background: var(--at-line);
}

.price_slider_wrapper .ui-slider-range {
	position: absolute;
	height: 100%;
	background: var(--at-ink);
}

.price_slider_wrapper .ui-slider-handle {
	position: absolute;
	inset-block-start: -8px;
	width: 18px;
	height: 18px;
	margin-inline-start: -9px;
	border: 1px solid var(--at-ink);
	border-radius: 50%;
	background: var(--at-bg);
	cursor: ew-resize;
	touch-action: none;
}

.price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 0.875rem;
}

.price_slider_amount .button {
	order: 2;
}

.price_slider_amount .price_label {
	order: 1;
	flex: 0 0 100%;
}

.price_slider_amount input {
	width: calc(50% - 5px);
}

.product_list_widget li {
	display: flow-root;
	padding: 8px 0;
}

.product_list_widget img {
	float: left;
	width: 56px;
	margin-inline-end: 12px;
	border-radius: var(--at-radius);
}

/* ---------------------------------------------------------- Product grid */

ul.products {
	--at-cols: 4;
	display: grid;
	grid-template-columns: repeat(var(--at-cols), minmax(0, 1fr));
	gap: clamp(28px, 3.4vw, 52px) clamp(12px, 2vw, 28px);
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.products.columns-1 {
	--at-cols: 1;
}

ul.products.columns-2 {
	--at-cols: 2;
}

ul.products.columns-3 {
	--at-cols: 3;
}

ul.products.columns-5 {
	--at-cols: 5;
}

ul.products.columns-6 {
	--at-cols: 6;
}

ul.products[data-cols="2"] {
	--at-cols: 2;
}

ul.products[data-cols="3"] {
	--at-cols: 3;
}

ul.products[data-cols="4"] {
	--at-cols: 4;
}

@media (max-width: 1199.98px) and (min-width: 768px) {
	ul.products:not([data-cols]),
	ul.products[data-cols="4"] {
		--at-cols: 3;
	}
}

@media (max-width: 767.98px) {
	ul.products,
	ul.products[class*="columns-"] {
		--at-cols: 2;
	}

	.at-mcols-1 ul.products,
	.at-mcols-1 ul.products[class*="columns-"],
	ul.products[data-cols="1"] {
		--at-cols: 1;
	}

	ul.products[data-cols="2"] {
		--at-cols: 2;
	}

	/* Rows of suggestions scroll sideways instead of stacking. */
	.at-row ul.products,
	:is(.related, .up-sells, .cross-sells) ul.products {
		display: flex;
		gap: 14px;
		margin-inline: calc(var(--at-gutter) * -1);
		padding-inline: var(--at-gutter);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.at-row ul.products::-webkit-scrollbar,
	:is(.related, .up-sells, .cross-sells) ul.products::-webkit-scrollbar {
		display: none;
	}

	.at-row ul.products > li,
	:is(.related, .up-sells, .cross-sells) ul.products > li {
		flex: 0 0 58%;
		scroll-snap-align: start;
	}
}

li.product {
	position: relative;
	min-width: 0;
}

.at-card__media {
	position: relative;
	aspect-ratio: var(--at-ratio);
	border-radius: var(--at-radius);
	background: var(--at-surface);
	overflow: hidden;
}

.at-card__image {
	display: block;
	width: 100%;
	height: 100%;
}

.at-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.at-card__hover {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.45s;
}

.at-badges {
	position: absolute;
	inset-block-start: 10px;
	inset-inline-start: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	pointer-events: none;
}

.at-badge {
	padding: 3px 9px;
	border-radius: var(--at-radius);
	background: var(--at-bg);
	color: var(--at-ink);
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.5;
}

.at-badge--sale {
	background: var(--at-sale);
	color: #fff;
}

.at-badge--soldout {
	background: var(--at-ink);
	color: var(--at-on-ink);
}

.at-badge--featured,
.at-badge--custom {
	background: var(--at-accent);
	color: var(--at-ink);
}

/*
 * Sold Out Badge for WooCommerce. Its badge keeps the plugin's colours and
 * position, measured from the image. The plugin's z-index of 9999 would lift it
 * over the sticky header and open drawers, so each image frame contains it, and
 * the card buttons stay on top and clickable.
 */
.at-card__media,
.at-product__gallery,
.at-qv__media {
	isolation: isolate;
}

:is(.at-card__media, .at-product__gallery, .at-qv__media) .wcsob_soldout {
	z-index: 1;
	pointer-events: none;
}

.at-product__gallery:has(.wcsob_soldout) .woocommerce-product-gallery__trigger {
	inset-block-start: 72px;
}

/* The plugin's "pure CSS" mode would add a second badge; the theme prints the real one. */
.at-card__image.woocommerce-LoopProduct-link::before,
.at-product__gallery .woocommerce-product-gallery::before {
	content: none !important;
	display: none !important;
}

.at-card__actions {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-end: 8px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.at-card__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--at-bg);
	color: var(--at-ink);
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, opacity 0.25s, transform 0.25s;
}

.at-card__action:hover {
	background: var(--at-ink);
	color: var(--at-on-ink);
}

.at-wish[aria-pressed="true"] .at-icon {
	fill: currentColor;
}

.at-wish[aria-pressed="true"] {
	color: var(--at-sale);
}

.at-card__add {
	position: absolute;
	inset-inline: 8px;
	inset-block-end: 8px;
	z-index: 2;
}

.at-card__add .button {
	width: 100%;
	min-height: 44px;
	padding-inline: 12px;
	border-color: var(--at-bg);
	background-color: var(--at-bg);
	font-size: 0.875rem;
}

.at-card__add .button:hover {
	border-color: var(--at-ink);
}

@media (hover: hover) {
	li.product:hover .at-card__hover {
		opacity: 1;
	}

	.at-card__action[data-quickview] {
		opacity: 0;
		transform: translateX(6px);
	}

	.at-card__add {
		opacity: 0;
		transform: translateY(8px);
		transition: opacity 0.25s, transform 0.25s var(--at-ease);
	}

	li.product:hover .at-card__action[data-quickview],
	li.product:focus-within .at-card__action[data-quickview],
	li.product:hover .at-card__add,
	li.product:focus-within .at-card__add {
		opacity: 1;
		transform: none;
	}
}

/* Touch screens: no hover, so the add button is a compact icon. */
@media (hover: none) {
	.at-card__action[data-quickview] {
		display: none;
	}

	.at-card__add {
		inset-inline-start: auto;
	}

	.at-card__add .button {
		width: 40px;
		min-height: 40px;
		padding: 0;
		border-radius: 50%;
		font-size: 0;
		gap: 0;
	}

	.at-card__add .button::before {
		content: "";
		width: 18px;
		height: 18px;
		background: currentColor;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.at-card__add .button.loading::before {
		display: none;
	}
}

.at-card__body {
	padding-block-start: 12px;
}

.at-card__cat {
	margin: 0 0 2px;
	color: var(--at-muted);
	font-size: 0.75rem;
}

.woocommerce-loop-product__title {
	margin: 0 0 4px;
	font-family: var(--at-font-body);
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.01em;
	text-wrap: pretty;
}

.woocommerce-loop-product__title a {
	text-decoration: none;
}

.price {
	font-variant-numeric: tabular-nums;
}

li.product .price {
	display: block;
	font-size: 0.9375rem;
	font-weight: 500;
}

.price del {
	margin-inline-end: 6px;
	color: var(--at-muted);
	font-weight: 400;
}

.price ins {
	color: var(--at-sale);
	text-decoration: none;
}

.woocommerce-price-suffix {
	color: var(--at-muted);
	font-size: 0.75em;
	font-weight: 400;
}

/* Star ratings, drawn with text so no icon font is needed. */

.star-rating {
	position: relative;
	display: inline-block;
	width: 5.3em;
	height: 1.1em;
	overflow: hidden;
	font-size: 0.8125rem;
	line-height: 1.1;
	letter-spacing: 0.08em;
	white-space: nowrap;
	vertical-align: middle;
}

.star-rating::before,
.star-rating span::before {
	content: "\2605\2605\2605\2605\2605";
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
}

.star-rating::before {
	color: var(--at-line);
}

.star-rating span {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	height: 100%;
	padding-block-start: 1.5em;
	overflow: hidden;
}

.star-rating span::before {
	color: var(--at-accent);
}

li.product .star-rating {
	display: block;
	margin-block-end: 4px;
}

/* Pagination and loading more */

.woocommerce-pagination {
	margin-block-start: clamp(36px, 5vw, 64px);
}

ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	height: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.at-js-pagination .woocommerce-pagination {
	display: none;
}

.at-loadmore {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin-block-start: clamp(36px, 5vw, 64px);
}

.at-loadmore__status {
	margin: 0;
	color: var(--at-muted);
	font-size: 0.875rem;
}

.woocommerce-no-products-found {
	padding-block: 24px;
}

/* ---------------------------------------------------------- Product page */

.at-productpage {
	padding-block: clamp(16px, 2vw, 28px) var(--at-section);
}

.at-productpage div.product {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
	align-items: start;
	gap: 32px clamp(28px, 5vw, 80px);
}

.at-productpage div.product > * {
	grid-column: 1 / -1;
	min-width: 0;
}

.at-productpage div.product > .at-product__gallery {
	grid-column: 1;
	position: relative;
}

.at-productpage div.product > .summary {
	grid-column: 2;
}

.at-sticky-summary .at-productpage div.product > :is(.at-product__gallery, .summary).is-sticky {
	position: sticky;
	inset-block-start: 24px;
}

.at-sticky-summary.at-sticky-header .at-productpage div.product > :is(.at-product__gallery, .summary).is-sticky {
	inset-block-start: calc(var(--at-header-h) + 24px);
}

/* Gallery */

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

.woocommerce-no-js .woocommerce-product-gallery {
	opacity: 1 !important;
}

.woocommerce-product-gallery__wrapper {
	margin: 0;
}

.woocommerce-product-gallery__image {
	background: var(--at-surface);
}

.woocommerce-product-gallery__image a {
	display: block;
}

.woocommerce-product-gallery__image img {
	width: 100%;
}

.woocommerce-product-gallery .flex-viewport {
	border-radius: var(--at-radius);
}

.woocommerce-product-gallery img.zoomImg {
	background: var(--at-bg);
}

.flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.flex-control-thumbs img {
	width: 100%;
	aspect-ratio: var(--at-ratio);
	object-fit: cover;
	border-radius: var(--at-radius);
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 0.2s;
}

.flex-control-thumbs img:hover,
.flex-control-thumbs img.flex-active {
	opacity: 1;
}

.woocommerce-product-gallery__trigger {
	position: absolute;
	inset-block-start: 12px;
	inset-inline-end: 12px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--at-bg);
	font-size: 0;
	text-decoration: none;
}

.woocommerce-product-gallery__trigger img,
.woocommerce-product-gallery__trigger span {
	display: none !important;
}

.woocommerce-product-gallery__trigger::before {
	content: "";
	width: 18px;
	height: 18px;
	background: var(--at-ink);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6M11 8v6M8 11h6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.at-product__gallery > .at-badges {
	inset-block-start: 14px;
	inset-inline-start: 14px;
	z-index: 3;
}

@media (min-width: 900px) {
	.at-gallery-thumbs-left .woocommerce-product-gallery:has(.flex-control-thumbs) {
		display: grid;
		grid-template-columns: 80px minmax(0, 1fr);
		gap: 12px;
		align-items: start;
	}

	.at-gallery-thumbs-left .woocommerce-product-gallery .flex-viewport {
		grid-column: 2;
		grid-row: 1;
	}

	.at-gallery-thumbs-left .flex-control-thumbs {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	.at-gallery-thumbs-left .at-product__gallery > .at-badges {
		inset-inline-start: 106px;
	}
}

.at-gallery-stacked .woocommerce-product-gallery__wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.at-gallery-stacked .woocommerce-product-gallery__image:first-child,
.at-gallery-stacked .woocommerce-product-gallery__image:nth-child(2):last-child {
	grid-column: 1 / -1;
}

/* Summary */

.summary .product_title {
	margin: 0 0 10px;
	font-size: clamp(1.75rem, 2.6vw, 2.5rem);
}

.summary .product_title a {
	text-decoration: none;
}

.summary > .price,
.summary .woocommerce-variation-price .price {
	display: block;
	margin: 0 0 16px;
	font-size: 1.375rem;
	font-weight: 500;
}

.woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-block-end: 12px;
	font-size: 0.875rem;
}

.woocommerce-review-link {
	color: var(--at-muted);
}

.woocommerce-product-details__short-description {
	margin-block-end: 20px;
	color: var(--at-muted);
}

.woocommerce-product-details__short-description > :last-child {
	margin-block-end: 0;
}

.at-countdown {
	display: inline-block;
	margin: 0 0 16px;
	padding: 6px 12px;
	background: color-mix(in srgb, var(--at-sale) 8%, var(--at-bg));
	color: var(--at-sale);
	font-size: 0.875rem;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.at-countdown:empty {
	display: none;
}

.summary form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
	margin: 20px 0 14px;
}

.summary form.variations_form {
	display: block;
}

.woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}

.summary .single_add_to_cart_button,
.summary .at-buy-now {
	flex: 1 1 170px;
	min-height: 52px;
}

table.variations {
	margin-block-end: 4px;
}

table.variations tr,
table.variations th,
table.variations td {
	display: block;
	padding: 0;
	border: 0;
}

table.variations th.label {
	margin-block-end: 8px;
}

table.variations th.label label {
	font-size: 0.875rem;
	font-weight: 500;
}

.at-swatch-current {
	margin-inline-start: 6px;
	color: var(--at-muted);
	font-weight: 400;
}

table.variations td.value {
	margin-block-end: 18px;
}

.reset_variations {
	display: inline-block;
	margin-block-start: 8px;
	color: var(--at-muted);
	font-size: 0.8125rem;
}

/* WooCommerce hides this link with visibility, which leaves a gap. */
.reset_variations[style*="hidden"] {
	display: none;
}

.woocommerce-variation-description,
.woocommerce-variation-availability {
	font-size: 0.9375rem;
}

.single_variation_wrap .woocommerce-variation {
	margin-block-end: 12px;
}

.stock,
.wcsob_soldout_text {
	margin: 0 0 12px;
	font-size: 0.875rem;
}

.stock.out-of-stock,
.wcsob_soldout_text {
	color: var(--at-sale);
	font-weight: 500;
}

.stock.in-stock {
	color: #2f7d4f;
}

/* Quantity stepper */

.quantity:not(.hidden) {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid var(--at-line);
	border-radius: var(--at-radius);
	background: var(--at-bg);
}

.quantity .qty {
	width: 48px;
	min-height: 46px;
	padding: 0;
	border: 0;
	background: none;
	text-align: center;
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
	appearance: textfield;
}

.quantity .qty:focus {
	outline-offset: -2px;
}

.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.at-qty-btn {
	width: 40px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--at-ink);
	font-size: 1.125rem;
	line-height: 1;
	cursor: pointer;
}

.at-qty-btn:hover {
	background: var(--at-surface);
}

/* Option buttons and colour swatches */

.at-swatch-source.is-enhanced select {
	position: absolute !important;
	width: 1px;
	height: 1px;
	min-height: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.at-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.at-swatch {
	min-width: 48px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid var(--at-line);
	border-radius: var(--at-radius);
	background: var(--at-bg);
	color: var(--at-ink);
	font: inherit;
	font-size: 0.9375rem;
	cursor: pointer;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.at-swatch:hover {
	border-color: var(--at-ink);
}

.at-swatch[aria-pressed="true"] {
	border-color: var(--at-ink);
	box-shadow: inset 0 0 0 1px var(--at-ink);
}

.at-swatch.is-unavailable {
	color: var(--at-muted);
	opacity: 0.5;
	text-decoration: line-through;
}

.at-swatch--color {
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--at-swatch, var(--at-surface));
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14);
}

.at-swatch--color[aria-pressed="true"] {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14), 0 0 0 2px var(--at-bg), 0 0 0 3px var(--at-ink);
}

.at-swatch--color.is-unavailable {
	opacity: 0.3;
}

.at-sizeguide-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--at-ink);
	font: inherit;
	font-size: 0.875rem;
	text-decoration: underline;
	text-decoration-color: var(--at-accent);
	text-underline-offset: 0.3em;
	cursor: pointer;
}

.at-wish--label {
	flex: 0 0 100%;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 0;
	border: 0;
	background: none;
	color: var(--at-ink);
	font: inherit;
	font-size: 0.875rem;
	cursor: pointer;
}

.at-wa-order {
	width: 100%;
	margin-block-end: 14px;
}

.at-assure {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin-block-end: 8px;
}

.at-assure__note {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--at-muted);
	font-size: 0.875rem;
}

.product_meta {
	display: grid;
	gap: 4px;
	margin-block-start: 20px;
	color: var(--at-muted);
	font-size: 0.875rem;
}

.product_meta a {
	color: var(--at-ink);
	text-decoration: none;
}

.product_meta a:hover {
	text-decoration: underline;
}

.product_meta .sku {
	color: var(--at-ink);
}

/* Collapsible rows */

.at-accs {
	margin-block-start: 22px;
	border-top: 1px solid var(--at-line);
}

.at-acc {
	border-bottom: 1px solid var(--at-line);
}

.at-acc summary {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 0;
	font-weight: 500;
	list-style: none;
	cursor: pointer;
}

.at-acc summary::-webkit-details-marker {
	display: none;
}

.at-acc summary span {
	flex: 1;
}

.at-acc__chevron {
	transition: transform 0.25s;
}

.at-acc[open] .at-acc__chevron {
	transform: rotate(180deg);
}

.at-acc__body {
	padding-block-end: 20px;
	font-size: 0.9375rem;
	line-height: 1.65;
}

.at-acc__body > :last-child {
	margin-block-end: 0;
}

.at-acc__body h2 {
	font-size: 1.375rem;
}

/* Tabs (when chosen instead of rows) */

.woocommerce-tabs {
	margin-block-start: clamp(24px, 4vw, 56px);
}

.woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0 32px;
	margin: 0 0 28px;
	padding: 0;
	border-bottom: 1px solid var(--at-line);
	list-style: none;
}

.woocommerce-tabs ul.tabs a {
	display: block;
	margin-block-end: -1px;
	padding: 14px 0;
	border-bottom: 2px solid transparent;
	color: var(--at-muted);
	text-decoration: none;
}

.woocommerce-tabs ul.tabs li.active a {
	border-color: var(--at-ink);
	color: var(--at-ink);
}

.woocommerce-tabs .panel {
	max-width: 820px;
}

.woocommerce-tabs .panel > h2 {
	font-size: 1.75rem;
}

table.shop_attributes th {
	width: 34%;
	font-weight: 500;
}

table.shop_attributes p {
	margin: 0;
}

/* Reviews */

.woocommerce-Reviews-title {
	font-size: 1.375rem;
}

#reviews .commentlist {
	margin: 0 0 24px;
	padding: 0;
	list-style: none;
}

#reviews .comment_container {
	display: flex;
	gap: 14px;
	padding: 16px 0;
	border-bottom: 1px solid var(--at-line);
}

#reviews img.avatar {
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

#reviews .comment-text {
	flex: 1;
	min-width: 0;
}

#reviews .meta {
	margin: 4px 0 8px;
	color: var(--at-muted);
	font-size: 0.8125rem;
}

#reviews .description p:last-child {
	margin-block-end: 0;
}

#review_form .comment-reply-title {
	display: block;
	margin-block-end: 12px;
	font-family: var(--at-font-display);
	font-size: 1.375rem;
}

#review_form label {
	display: block;
	margin-block-end: 6px;
	font-size: 0.875rem;
}

p.stars {
	margin: 0 0 12px;
}

p.stars a {
	position: relative;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
	font-size: 1.25rem;
	text-decoration: none;
	text-indent: -999em;
}

p.stars a::before {
	content: "\2605";
	position: absolute;
	inset: 0;
	color: var(--at-line);
	line-height: 1.5;
	text-align: center;
	text-indent: 0;
}

p.stars:hover a::before,
p.stars.selected a::before {
	color: var(--at-accent);
}

p.stars:hover a:hover ~ a::before,
p.stars.selected:not(:hover) a.active ~ a::before {
	color: var(--at-line);
}

/* Related products and other rows */

.at-productpage :is(.related, .up-sells, .at-recent),
.cross-sells {
	margin-block-start: clamp(40px, 6vw, 88px);
}

:is(.related, .up-sells, .at-recent, .cross-sells) > h2 {
	margin-block-end: clamp(20px, 3vw, 36px);
}

/* Sticky add-to-bag bar */

.at-stickyatc {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	z-index: 74;
	border-top: 1px solid var(--at-line);
	background: var(--at-bg);
	transform: translateY(100%);
	transition: transform 0.3s var(--at-ease);
}

.at-stickyatc.is-visible {
	transform: none;
}

.at-stickyatc__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: 10px;
}

.at-stickyatc__product {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.at-stickyatc__product img {
	width: 40px;
	aspect-ratio: var(--at-ratio);
	object-fit: cover;
	border-radius: var(--at-radius);
}

.at-stickyatc__product p {
	min-width: 0;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.35;
}

.at-stickyatc__product strong {
	display: block;
	overflow: hidden;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.at-stickyatc .button {
	flex: none;
	min-height: 44px;
}

@media (max-width: 899.98px) {
	.at-productpage div.product {
		grid-template-columns: minmax(0, 1fr);
	}

	.at-productpage div.product > .at-product__gallery,
	.at-productpage div.product > .summary {
		grid-column: 1;
	}

	/* Columns stack on small screens, so nothing sticks. The gallery stays the anchor for its badges. */
	.at-productpage div.product > .at-product__gallery {
		position: relative !important;
	}

	.at-productpage div.product > .summary {
		position: static !important;
	}

	.flex-control-thumbs {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 8px;
	}
}

/* Lift the chat button clear of the bar while it is showing. */
.at-stickyatc-on .at-wa,
.at-stickyatc-on .at-totop {
	inset-block-end: 84px;
}

@media (max-width: 767.98px) {
	.at-has-mobile-bar .at-stickyatc {
		inset-block-end: calc(60px + env(safe-area-inset-bottom));
	}

	.at-stickyatc__product img {
		display: none;
	}

	.at-has-mobile-bar.at-stickyatc-on .at-wa,
	.at-has-mobile-bar.at-stickyatc-on .at-totop {
		inset-block-end: calc(140px + env(safe-area-inset-bottom));
	}
}

/* ------------------------------------------------------------ Quick view */

.at-quickview .at-modal__body {
	padding: 0;
}

.at-qv {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
}

.at-qv__media {
	position: relative;
	background: var(--at-surface);
}

.at-qv__track {
	display: flex;
	height: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.at-qv__track::-webkit-scrollbar {
	display: none;
}

.at-qv__track img {
	flex: 0 0 100%;
	width: 100%;
	aspect-ratio: var(--at-ratio);
	object-fit: cover;
	scroll-snap-align: start;
}

.at-qv__summary {
	padding: clamp(24px, 4vw, 44px);
	padding-block-start: 48px;
}

.at-qv__summary .product_title {
	font-size: 1.75rem;
}

.at-qv__more {
	margin: 12px 0 0;
}

@media (max-width: 699.98px) {
	.at-qv {
		grid-template-columns: 1fr;
	}

	.at-qv__track img {
		aspect-ratio: 1;
	}

	.at-qv__summary {
		padding-block-start: 24px;
	}
}

/* ------------------------------------------------------------ Bag drawer */

.at-cartdrawer .at-drawer__body {
	display: flex;
	flex-direction: column;
	padding-block: 0 20px;
	overflow: hidden;
}

.at-cartdrawer .widget_shopping_cart_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.at-freeship {
	padding: 12px 24px 14px;
	background: var(--at-surface);
	font-size: 0.875rem;
}

.at-freeship p {
	margin: 0 0 8px;
}

.at-freeship__bar {
	height: 4px;
	border-radius: 2px;
	background: var(--at-line);
	overflow: hidden;
}

.at-freeship__bar span {
	display: block;
	height: 100%;
	background: var(--at-accent);
	transition: width 0.5s var(--at-ease);
}

.woocommerce-cart-form .at-freeship {
	margin-block-end: 20px;
}

ul.woocommerce-mini-cart {
	flex: 1;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden auto;
	list-style: none;
}

ul.woocommerce-mini-cart li.woocommerce-mini-cart-item {
	position: relative;
	display: block;
	min-height: 132px;
	padding-block: 18px;
	padding-inline: 88px 34px;
	border-bottom: 1px solid var(--at-line);
	font-size: 0.9375rem;
	line-height: 1.35;
}

ul.woocommerce-mini-cart li.woocommerce-mini-cart-item img {
	float: none;
	margin: 0;
}

.woocommerce-mini-cart-item > a:not(.remove) {
	display: block;
	margin-block-end: 4px;
	font-weight: 500;
	text-decoration: none;
}

.woocommerce-mini-cart-item img {
	position: absolute;
	inset-block-start: 18px;
	inset-inline-start: 0;
	width: 72px;
	aspect-ratio: var(--at-ratio);
	object-fit: cover;
	border-radius: var(--at-radius);
	background: var(--at-surface);
}

.woocommerce-mini-cart-item .remove,
a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	color: var(--at-muted);
	font-size: 1.25rem;
	line-height: 1;
	text-decoration: none;
}

.woocommerce-mini-cart-item .remove {
	position: absolute;
	inset-block-start: 14px;
	inset-inline-end: 0;
}

a.remove:hover {
	background: var(--at-surface);
	color: var(--at-sale);
}

.woocommerce-mini-cart-item dl.variation,
dl.variation {
	display: flex;
	flex-wrap: wrap;
	gap: 0 6px;
	margin: 0 0 6px;
	color: var(--at-muted);
	font-size: 0.8125rem;
}

dl.variation dt,
dl.variation dd,
dl.variation p {
	margin: 0;
}

dl.variation dd {
	margin-inline-end: 8px;
}

.at-miniqty {
	display: inline-flex;
	align-items: center;
	margin-block-start: 6px;
	border: 1px solid var(--at-line);
	border-radius: var(--at-radius);
}

.at-miniqty button {
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--at-ink);
	font-size: 1rem;
	cursor: pointer;
}

.at-miniqty__n {
	min-width: 26px;
	text-align: center;
	font-size: 0.875rem;
	font-variant-numeric: tabular-nums;
}

.at-miniqty__price {
	float: inline-end;
	margin-block-start: 12px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}

.at-miniqty.is-busy {
	opacity: 0.5;
	pointer-events: none;
}

.woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 16px 0;
	font-size: 1.0625rem;
}

.woocommerce-mini-cart__total strong {
	font-weight: 400;
}

.woocommerce-mini-cart__total .amount {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.woocommerce-mini-cart__buttons {
	display: grid;
	gap: 8px;
	margin: 0;
}

.woocommerce-mini-cart__buttons .button {
	width: 100%;
}

.woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 28px 0;
	color: var(--at-muted);
}

/* -------------------------------------------------------------- Bag page */

.at-page--store {
	padding-block-end: var(--at-section);
}

.woocommerce-cart .at-page__content > .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
	align-items: start;
	gap: 0 clamp(32px, 5vw, 72px);
}

.woocommerce-cart .at-page__content > .woocommerce > * {
	grid-column: 1 / -1;
	min-width: 0;
}

.woocommerce-cart .at-page__content > .woocommerce > .woocommerce-cart-form {
	grid-column: 1;
}

.woocommerce-cart .at-page__content > .woocommerce > .cart-collaterals {
	grid-column: 2;
	position: sticky;
	inset-block-start: calc(var(--at-header-h) + 24px);
}

table.shop_table {
	font-size: 0.9375rem;
}

table.shop_table thead th {
	padding-block: 0 12px;
	color: var(--at-muted);
	font-size: 0.8125rem;
	font-weight: 400;
}

table.cart td {
	vertical-align: middle;
}

table.cart .product-remove {
	width: 36px;
	padding-inline: 0;
}

table.cart .product-thumbnail {
	width: 96px;
}

table.cart .product-thumbnail img {
	width: 80px;
	aspect-ratio: var(--at-ratio);
	object-fit: cover;
	border-radius: var(--at-radius);
	background: var(--at-surface);
}

table.cart .product-name a {
	font-weight: 500;
	text-decoration: none;
}

table.cart .product-subtotal,
table.cart .product-price {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

table.cart td.actions {
	padding: 20px 0 0;
	border-bottom: 0;
}

table.cart td.actions .coupon {
	display: inline-flex;
	gap: 8px;
	max-width: 100%;
}

table.cart td.actions .coupon input {
	width: 200px;
}

table.cart td.actions > .button {
	float: inline-end;
}

.cart_totals,
.woocommerce-checkout-review-order {
	padding: clamp(20px, 3vw, 32px);
	background: var(--at-surface);
}

.cart_totals h2,
#order_review_heading {
	margin: 0 0 12px;
	font-size: 1.5rem;
}

.cart_totals table th,
.cart_totals table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 12px 0;
	border-color: color-mix(in srgb, var(--at-ink) 12%, transparent);
}

.cart_totals table th,
.woocommerce-checkout-review-order-table tfoot th {
	font-weight: 400;
}

.cart_totals table td,
.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child {
	text-align: end;
	font-variant-numeric: tabular-nums;
}

:is(.cart_totals, .woocommerce-checkout-review-order-table) .order-total :is(th, td) {
	border-bottom: 0;
	font-size: 1.0625rem;
	font-weight: 600;
}

.woocommerce-shipping-methods,
#shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

#shipping_method li {
	margin-block-end: 6px;
}

#shipping_method label {
	display: inline;
}

.woocommerce-shipping-destination,
.woocommerce-shipping-calculator {
	margin: 6px 0 0;
	color: var(--at-muted);
	font-size: 0.8125rem;
}

.shipping-calculator-form {
	margin-block-start: 12px;
	text-align: start;
}

.wc-proceed-to-checkout {
	display: grid;
	gap: 14px;
	margin-block-start: 16px;
	text-align: center;
}

.wc-proceed-to-checkout .checkout-button {
	width: 100%;
	min-height: 54px;
}

.cart-empty,
.wc-empty-cart-message {
	margin: 0 0 16px;
	font-family: var(--at-font-display);
	font-size: 1.75rem;
}

.cart-empty.woocommerce-info {
	padding: 0;
	border: 0;
	background: none;
}

.return-to-shop {
	margin: 0;
}

@media (max-width: 899.98px) {
	.woocommerce-cart .at-page__content > .woocommerce {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce-cart .at-page__content > .woocommerce > .cart-collaterals {
		grid-column: 1;
		position: static;
		margin-block-start: 32px;
	}
}

@media (max-width: 767.98px) {
	/* Each bag row becomes a compact card: picture left, details right. */
	table.cart thead {
		display: none;
	}

	table.cart tr.cart_item {
		position: relative;
		display: grid;
		grid-template-columns: 84px minmax(0, 1fr) auto;
		gap: 4px 14px;
		padding: 16px 0;
		border-bottom: 1px solid var(--at-line);
	}

	table.cart tr.cart_item td {
		display: block;
		width: auto;
		padding: 0;
		border: 0;
	}

	table.cart .product-thumbnail {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	table.cart .product-thumbnail img {
		width: 84px;
	}

	table.cart .product-name {
		grid-column: 2;
		padding-inline-end: 28px !important;
	}

	table.cart .product-price {
		display: none !important;
	}

	table.cart .product-quantity {
		grid-column: 2;
	}

	table.cart .product-subtotal {
		grid-column: 3;
		grid-row: 2;
		align-self: center;
		font-weight: 500;
	}

	table.cart .product-remove {
		position: absolute;
		inset-block-start: 10px;
		inset-inline-end: -6px;
	}

	table.cart tr:not(.cart_item),
	table.cart td.actions {
		display: block;
	}

	table.cart td.actions .coupon {
		display: flex;
	}

	table.cart td.actions .coupon input {
		flex: 1;
		width: auto;
	}

	table.cart td.actions > .button {
		float: none;
		width: 100%;
		margin-block-start: 10px;
	}

	/* Generic responsive tables: orders, downloads. */
	table.shop_table_responsive:not(.cart) thead {
		display: none;
	}

	table.shop_table_responsive:not(.cart) tr {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid var(--at-line);
	}

	table.shop_table_responsive:not(.cart) :is(td, th[scope="row"]) {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		padding: 5px 0;
		border: 0;
		text-align: end;
	}

	table.shop_table_responsive:not(.cart) :is(td, th[scope="row"])::before {
		content: attr(data-title);
		font-weight: 500;
		text-align: start;
	}

	.cart_totals table.shop_table_responsive tr {
		padding: 4px 0;
	}
}

/* -------------------------------------------------------------- Checkout */

.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-login-toggle .woocommerce-info {
	margin-block-end: 16px;
}

form.checkout_coupon,
form.woocommerce-form-login:not(.login-page) {
	margin-block-end: 24px;
}

form.checkout_coupon {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 8px;
	max-width: 520px;
}

form.checkout_coupon > p:not(.form-row) {
	flex: 0 0 100%;
	margin: 0;
	color: var(--at-muted);
	font-size: 0.875rem;
}

form.checkout_coupon .form-row {
	float: none;
	width: auto;
	margin: 0;
}

form.checkout_coupon .form-row-first {
	flex: 1;
}

form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 440px);
	align-items: start;
	gap: 0 clamp(32px, 5vw, 80px);
}

form.checkout > * {
	grid-column: 1 / -1;
	min-width: 0;
}

form.checkout > #customer_details {
	grid-column: 1;
	grid-row: 1 / span 3;
}

form.checkout > #order_review_heading {
	grid-column: 2;
	margin: 0;
	padding: clamp(20px, 3vw, 32px) clamp(20px, 3vw, 32px) 0;
	background: var(--at-surface);
}

form.checkout > #order_review {
	grid-column: 2;
	padding-block-start: 12px;
}

.at-minimal-checkout .at-page {
	padding-block-start: clamp(24px, 3vw, 40px);
}

.col2-set .col-1,
.col2-set .col-2 {
	float: none;
	width: auto;
}

#customer_details h3,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
	margin: 0 0 18px;
	font-size: 1.5rem;
}

#customer_details .col-2 {
	margin-block-start: 12px;
}

#ship-to-different-address {
	font-family: var(--at-font-body);
	font-size: 1rem;
}

#ship-to-different-address label {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	cursor: pointer;
}

.woocommerce-checkout-review-order-table .product-name {
	padding-inline-end: 12px;
}

.woocommerce-checkout-review-order-table .product-quantity {
	color: var(--at-muted);
	font-weight: 400;
}

#payment {
	margin-block-start: 20px;
}

#payment ul.payment_methods {
	margin: 0 0 18px;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--at-ink) 14%, transparent);
	border-radius: var(--at-radius);
	background: var(--at-bg);
	list-style: none;
}

#payment ul.payment_methods > li {
	padding: 14px 16px;
	border-bottom: 1px solid var(--at-line);
}

#payment ul.payment_methods > li:last-child {
	border-bottom: 0;
}

#payment ul.payment_methods label {
	display: inline;
	font-size: 0.9375rem;
	font-weight: 500;
	cursor: pointer;
}

#payment ul.payment_methods label img {
	display: inline-block;
	max-height: 24px;
	width: auto;
	margin-inline-start: 8px;
	vertical-align: middle;
}

#payment .payment_box {
	margin-block-start: 10px;
	padding: 12px 14px;
	border-radius: var(--at-radius);
	background: var(--at-surface);
	color: var(--at-muted);
	font-size: 0.875rem;
}

#payment .payment_box > :last-child {
	margin-block-end: 0;
}

#payment .place-order {
	margin: 0;
}

.woocommerce-terms-and-conditions-wrapper {
	margin-block-end: 16px;
	color: var(--at-muted);
	font-size: 0.8125rem;
	line-height: 1.5;
}

.woocommerce-terms-and-conditions-wrapper .form-row {
	margin-block-start: 10px;
	color: var(--at-ink);
}

.at-assure--checkout {
	margin-block-end: 14px;
}

#place_order {
	width: 100%;
	min-height: 56px;
	font-size: 1rem;
}

.at-checkout-help {
	margin: 14px 0 0;
	font-size: 0.875rem;
	text-align: center;
}

.at-checkout-help a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

@media (max-width: 899.98px) {
	form.checkout {
		grid-template-columns: minmax(0, 1fr);
	}

	form.checkout > #customer_details,
	form.checkout > #order_review_heading,
	form.checkout > #order_review {
		grid-column: 1;
		grid-row: auto;
	}

	form.checkout > #order_review_heading {
		margin-block-start: 28px;
	}
}

@media (max-width: 479.98px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper,
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}

	:is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row {
		grid-column: 1;
	}
}

/* -------------------------------------------------------- Order received */

.woocommerce-order {
	max-width: 880px;
}

.woocommerce-thankyou-order-received,
.woocommerce-notice--success {
	margin: 0 0 20px;
	font-family: var(--at-font-display);
	font-size: clamp(1.5rem, 2.6vw, 2rem);
	line-height: 1.2;
}

ul.order_details,
ul.wc-bacs-bank-details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px 24px;
	margin: 0 0 24px;
	padding: 20px 24px;
	background: var(--at-surface);
	list-style: none;
}

ul.order_details li,
ul.wc-bacs-bank-details li {
	color: var(--at-muted);
	font-size: 0.8125rem;
}

ul.order_details li strong,
ul.wc-bacs-bank-details li strong {
	display: block;
	color: var(--at-ink);
	font-size: 1rem;
	font-weight: 500;
	overflow-wrap: anywhere;
}

.wc-bacs-bank-details-heading,
.wc-bacs-bank-details-account-name,
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 1.375rem;
}

.wc-bacs-bank-details-account-name {
	font-family: var(--at-font-body);
	font-size: 1rem;
	font-weight: 500;
}

.at-copy {
	margin-inline-start: 8px;
	padding: 2px 10px;
	border: 1px solid var(--at-line);
	border-radius: 999px;
	background: var(--at-bg);
	color: var(--at-ink);
	font: inherit;
	font-size: 0.75rem;
	cursor: pointer;
	vertical-align: 2px;
}

.at-copy:hover {
	border-color: var(--at-ink);
}

.at-thanks-wa {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-block-end: 24px;
	padding: 18px 24px;
	border: 1px solid var(--at-line);
}

.at-thanks-wa p {
	flex: 1 1 280px;
	margin: 0;
}

.woocommerce-order-details,
.woocommerce-customer-details {
	margin-block-start: 32px;
}

.woocommerce-customer-details address,
.woocommerce-Address address {
	padding: 16px 18px;
	border: 1px solid var(--at-line);
	font-style: normal;
	line-height: 1.6;
}

.woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

.woocommerce-table--order-details tfoot th {
	font-weight: 400;
}

/* --------------------------------------------------------------- Account */

.woocommerce-account.logged-in .at-page__content > .woocommerce {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	align-items: start;
	gap: 24px clamp(32px, 5vw, 80px);
}

.woocommerce-account.logged-in .at-page__content > .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid var(--at-line);
	text-decoration: none;
}

.woocommerce-MyAccount-navigation .is-active a {
	border-color: var(--at-ink);
	font-weight: 500;
}

.woocommerce-MyAccount-content {
	min-width: 0;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-size: 1.5rem;
}

.woocommerce-MyAccount-content fieldset {
	margin: 24px 0;
	padding: 20px;
	border: 1px solid var(--at-line);
}

.woocommerce-MyAccount-content legend {
	padding-inline: 8px;
	font-weight: 500;
}

.woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 32px;
}

.woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-block-end: 10px;
}

.woocommerce-Address-title h2,
.woocommerce-Address-title h3 {
	margin: 0;
	font-size: 1.25rem;
}

.woocommerce-orders-table .button,
.woocommerce-table--order-downloads .button {
	min-height: 36px !important;
	padding: 6px 14px !important;
	font-size: 0.8125rem !important;
}

.woocommerce-pagination--without-numbers {
	display: flex;
	gap: 8px;
}

/* Sign in and register */

#customer_login {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 40px clamp(32px, 6vw, 96px);
}

.woocommerce-account:not(.logged-in) .at-page__content > .woocommerce > :is(h2, form, p) {
	max-width: 480px;
}

#customer_login h2,
.woocommerce-account:not(.logged-in) .at-page__content > .woocommerce > h2 {
	font-size: 1.75rem;
}

.woocommerce-form-login__rememberme {
	margin-block-end: 14px !important;
}

.woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-register__submit {
	width: 100%;
}

.woocommerce-LostPassword,
.lost_password {
	margin-block-start: 14px;
	font-size: 0.875rem;
}

.woocommerce-privacy-policy-text {
	color: var(--at-muted);
	font-size: 0.8125rem;
}

@media (max-width: 899.98px) {
	.woocommerce-account.logged-in .at-page__content > .woocommerce {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce-MyAccount-navigation ul {
		display: flex;
		gap: 4px 20px;
		margin-inline: calc(var(--at-gutter) * -1);
		padding-inline: var(--at-gutter);
		overflow-x: auto;
		scrollbar-width: none;
	}

	.woocommerce-MyAccount-navigation a {
		white-space: nowrap;
	}
}

/* -------------------------------------------- Block-based cart, checkout */

.wc-block-components-button:not(.is-link) {
	min-height: 52px;
	border-radius: var(--at-radius);
	background: var(--at-ink);
	color: var(--at-on-ink);
	font-weight: 500;
}

.wc-block-components-button:not(.is-link):hover {
	background: var(--at-accent);
	color: var(--at-ink);
}

.wc-block-components-text-input input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border-radius: var(--at-radius) !important;
}

.wc-block-cart,
.wc-block-checkout {
	font-size: 0.9375rem;
}

.wc-block-components-product-name {
	font-weight: 500;
	text-decoration: none;
}

.wc-block-components-sidebar .wc-block-components-totals-wrapper:first-child {
	border-top: 0;
}

/* -------------------------------------------------------------- Wishlist */

.at-wishlist__status {
	color: var(--at-muted);
}

.at-wishlist__status:empty {
	display: none;
}

/* ----------------------------------------- Wishlist and compare plugins */

/*
 * Links that plugins print under the price (YITH Wishlist, YITH Compare and
 * similar) share one row and one quiet style, in the shop and on the product
 * page. The important flags outrank the colours those plugins print inline.
 */

.at-card__extras {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 18px;
	margin-block-start: 10px;
	font-size: 0.8125rem;
	line-height: 1.3;
}

.at-card__extras:empty {
	display: none;
}

.at-card__extras > *,
.at-card__extras .yith-wcwl-add-button {
	margin: 0 !important;
}

:is(.at-card__extras, .summary) :is(.yith-wcwl-add-button > a, .yith-wcwl-wishlistaddedbrowse > a, .yith-wcwl-wishlistexistsbrowse > a, .yith-wcwl-add-to-wishlist-button),
:is(.at-card__extras, .summary) > a.compare {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: auto;
	min-height: 0 !important;
	margin: 0;
	padding: 4px 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--at-ink) !important;
	font: inherit;
	font-size: 0.8125rem !important;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.2s;
}

:is(.at-card__extras, .summary) :is(.yith-wcwl-add-button > a, .yith-wcwl-wishlistaddedbrowse > a, .yith-wcwl-wishlistexistsbrowse > a, .yith-wcwl-add-to-wishlist-button):hover,
:is(.at-card__extras, .summary) > a.compare:hover {
	color: var(--at-accent-ink) !important;
}

:is(.at-card__extras, .summary) :is(.yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse) {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 0.8125rem;
}

:is(.at-card__extras, .summary) .yith-wcwl-icon-svg__wrapper {
	display: inline-flex;
}

:is(.at-card__extras, .summary) .yith-wcwl-icon-svg,
:is(.at-card__extras, .summary) .yith-wcwl-add-button img {
	width: 17px !important;
	height: 17px !important;
	margin: 0 !important;
}

/* Saved items show a filled heart in the sale colour. */
:is(.at-card__extras, .summary) .yith-wcwl-add-to-wishlist-button--added {
	color: var(--at-sale) !important;
}

:is(.at-card__extras, .summary) > a.compare::before {
	content: "";
	flex: none;
	width: 17px;
	height: 17px;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4 3 8l4 4M3 8h13M17 12l4 4-4 4M21 16H8'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(.at-card__extras, .summary) > a.compare.added {
	color: var(--at-accent-ink) !important;
}

:is(.at-card__extras, .summary) > a.compare input[type="checkbox"] {
	margin: 0;
}

/* Product page: the two links sit side by side under the buttons. */
.summary > :is(.yith-wcwl-add-to-wishlist, .yith-add-to-wishlist-button-block),
.summary > a.compare {
	display: inline-flex;
	margin: 0 24px 14px 0 !important;
	vertical-align: middle;
}

.summary :is(.yith-wcwl-add-button > a, .yith-wcwl-add-to-wishlist-button),
.summary > a.compare {
	font-size: 0.875rem !important;
}

/* Wishlist set to show on the image: a round button in the corner. */
li.product > :is(.yith-wcwl-add-to-wishlist, .yith-add-to-wishlist-button-block) {
	position: absolute;
	inset-block-start: 8px;
	inset-inline-end: 8px;
	z-index: 3;
	margin: 0 !important;
}

li.product > :is(.yith-wcwl-add-to-wishlist, .yith-add-to-wishlist-button-block) :is(.yith-wcwl-add-button > a, .yith-wcwl-add-to-wishlist-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--at-bg) !important;
	color: var(--at-ink) !important;
	font-size: 0 !important;
}

li.product > :is(.yith-wcwl-add-to-wishlist, .yith-add-to-wishlist-button-block) .yith-wcwl-icon-svg {
	width: 18px !important;
	height: 18px !important;
}

/* ------------------------------------------------------ Card liveliness */

.at-card__image img {
	transition: transform 0.9s var(--at-ease), opacity 0.45s;
}

.woocommerce-loop-product__title a {
	padding-block-end: 2px;
	background: linear-gradient(var(--at-accent), var(--at-accent)) no-repeat 0 100% / 0 1px;
	transition: background-size 0.35s var(--at-ease);
}

@media (hover: hover) {
	li.product:hover .at-card__image img:first-child {
		transform: scale(1.045);
	}

	li.product:hover .woocommerce-loop-product__title a {
		background-size: 100% 1px;
		color: var(--at-ink);
	}
}

.at-wish[aria-pressed="true"] .at-icon {
	animation: at-pop 0.45s var(--at-ease);
}

@keyframes at-pop {
	40% {
		transform: scale(1.4);
	}
}

li.product .price {
	font-weight: 600;
}

/* Richer decoration (see main.css) */

.at-rich .at-badge--new {
	background: var(--at-ink);
	color: var(--at-on-ink);
}

.at-rich :is(.at-chips, .at-search__cats) a:hover {
	border-color: var(--at-accent);
	background: var(--at-tint);
}

.at-rich .at-acc summary:hover {
	color: var(--at-accent-ink);
}

.at-rich .at-freeship {
	background: var(--at-tint);
}

.at-rich .at-toolbar {
	border-bottom-color: color-mix(in srgb, var(--at-accent) 45%, var(--at-line));
}

.at-rich :is(.cart_totals, .woocommerce-checkout-review-order, form.checkout > #order_review_heading) {
	background: color-mix(in srgb, var(--at-accent) 7%, var(--at-surface));
}

/*
 * On narrow cards (two-up on phones, five-up on desktop) the two links keep to
 * one row by showing their icons only. The text stays available to screen readers.
 */
.at-card__body {
	container-type: inline-size;
}

@container (max-width: 215px) {
	.at-card__extras {
		gap: 4px 14px;
	}

	.at-card__extras :is(.yith-wcwl-add-button > a > span, .yith-wcwl-add-to-wishlist-button__label, a.compare > .label, .feedback) {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	.at-card__extras :is(.yith-wcwl-add-button > a, .yith-wcwl-add-to-wishlist-button, a.compare) {
		min-width: 32px;
		min-height: 32px !important;
	}

	.at-card__extras .yith-wcwl-icon-svg,
	.at-card__extras > a.compare::before {
		width: 20px !important;
		height: 20px !important;
	}
}

/* YITH Compare shows a bar along the bottom once a product is added; lift the chat button clear of it. */
body:has(#yith-woocompare-preview-bar.shown) :is(.at-wa, .at-totop) {
	inset-block-end: 136px;
}

@media (max-width: 767.98px) {
	.at-has-mobile-bar:has(#yith-woocompare-preview-bar.shown) .at-wa {
		inset-block-end: calc(196px + env(safe-area-inset-bottom));
	}
}