/**
 * Salsabeel Khalis - WooCommerce overrides
 * ---------------------------------------------------------------------------
 * WooCommerce's own stylesheets are dequeued in inc/woocommerce.php, so this
 * file is the single source of truth for every shop screen. It still uses
 * WooCommerce's class names wherever the plugin's JavaScript depends on them.
 *
 * 01. Shop archive
 * 02. Product cards
 * 03. Single product
 * 04. Tabs, reviews, FAQs
 * 05. Frequently bought together
 * 06. Cart
 * 07. Checkout
 * 08. My account & order tracking
 * 09. Notices, forms, misc
 * ---------------------------------------------------------------------------
 */

/* ==========================================================================
   01. Shop archive
   ========================================================================== */

.sk-shop-header {
	padding: 2.75rem 0 2rem;
	background: var(--sk-sand);
	text-align: center;
}

.sk-shop-header__title {
	margin: 0;
	font-size: clamp(1.9rem, 5vw, 3rem);
}

.sk-shop-header__desc {
	max-width: 64ch;
	margin: .8rem auto 0;
	color: var(--sk-muted);
}

.sk-shop-header__desc p:last-child {
	margin-bottom: 0;
}

.sk-shop-header__badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.sk-shop-header__badges li {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .35rem .85rem;
	border: 1px solid var(--sk-sand-dark);
	border-radius: var(--sk-radius-pill);
	background: var(--sk-white);
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.sk-shop-header__badges .sk-icon {
	color: var(--sk-gold);
}

.sk-shop {
	padding: 2.5rem 0 var(--sk-section-y);
	display: grid;
	gap: 2.5rem;
}

@media (min-width: 1000px) {
	.sk-shop--sidebar {
		grid-template-columns: 270px minmax(0, 1fr);
		gap: 2.75rem;
	}

	.sk-shop--sidebar .sk-shop__sidebar {
		order: -1;
		position: sticky;
		top: calc(var(--sk-header-h) + 20px);
		display: grid;
		gap: 1.25rem;
		align-content: start;
	}
}

.sk-shop__sidebar {
	display: grid;
	gap: 1.25rem;
}

/* --- Result count / ordering bar --- */

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

.woocommerce-result-count {
	margin: 0;
	color: var(--sk-muted);
	font-size: var(--sk-fs-sm);
}

.woocommerce-ordering {
	margin: 0;
}

.woocommerce-ordering select {
	min-width: 220px;
	padding: .55rem 2.4rem .55rem .9rem;
	border-radius: var(--sk-radius-pill);
	font-size: var(--sk-fs-sm);
}

.sk-shop__main > .woocommerce-result-count,
.sk-shop__main > .woocommerce-ordering {
	display: inline-block;
	vertical-align: middle;
}

.sk-shop__main > form.woocommerce-ordering {
	float: right;
}

.sk-shop__main::after {
	content: "";
	display: table;
	clear: both;
}

/* ==========================================================================
   02. Product cards
   ========================================================================== */

.products.sk-products {
	display: grid;
	gap: 1rem;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
	.products.sk-products {
		gap: 1.25rem;
	}
}

/* The column selectors carry the .products class too: without it they lose the
   specificity battle with the two-column base rule above and every grid stays
   at two columns on desktop. */
@media (min-width: 820px) {
	.products.sk-products--3,
	.products.sk-products--4 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.products.sk-products--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.products.sk-products--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.sk-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
	transition: transform .24s var(--sk-ease), box-shadow .24s var(--sk-ease), border-color .24s var(--sk-ease);
}

.sk-card:hover {
	transform: translateY(-4px);
	border-color: var(--sk-gold-soft);
	box-shadow: var(--sk-shadow);
}

.sk-card__media {
	position: relative;
	overflow: hidden;
	background: var(--sk-sand);
	aspect-ratio: 4 / 5;
}

.sk-card__link {
	display: block;
	width: 100%;
	height: 100%;
}

.sk-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .55s var(--sk-ease), opacity .35s var(--sk-ease);
}

.sk-card__img--hover {
	position: absolute;
	inset: 0;
	opacity: 0;
}

@media (hover: hover) {
	.sk-card:hover .sk-card__img--hover {
		opacity: 1;
	}
	.sk-card:hover .sk-card__img {
		transform: scale(1.04);
	}
}

/* --- Badges --- */

.sk-badges {
	position: absolute;
	top: .7rem;
	left: .7rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .35rem;
	pointer-events: none;
}

.sk-badge {
	padding: .25rem .65rem;
	border-radius: var(--sk-radius-pill);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #fff;
	background: var(--sk-green);
	box-shadow: var(--sk-shadow-sm);
}

.sk-badge--sale { background: var(--sk-danger); }
.sk-badge--featured { background: var(--sk-gold); color: #241f14; }
.sk-badge--out { background: #6f665a; }
.sk-badge--custom { background: var(--sk-bark); }

/* --- Card tools (wishlist) --- */

.sk-card__tools {
	position: absolute;
	top: .7rem;
	right: .7rem;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: .4rem;
	opacity: 1;
	transform: translateX(0);
	transition: opacity .24s var(--sk-ease), transform .24s var(--sk-ease);
}

@media (hover: hover) and (min-width: 782px) {
	.sk-card__tools {
		opacity: 0;
		transform: translateX(8px);
	}
	.sk-card:hover .sk-card__tools,
	.sk-card:focus-within .sk-card__tools {
		opacity: 1;
		transform: translateX(0);
	}
}

.sk-wishlist-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	border: 1px solid var(--sk-line);
	background: rgba(255, 255, 255, .95);
	color: var(--sk-muted);
	cursor: pointer;
	transition: color .2s var(--sk-ease), background-color .2s var(--sk-ease), border-color .2s var(--sk-ease);
}

.sk-wishlist-btn--icon {
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
}

.sk-wishlist-btn--icon .sk-wishlist-btn__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.sk-wishlist-btn--full {
	padding: .7rem 1.2rem;
	border-radius: var(--sk-radius-pill);
	font-family: var(--sk-font-body);
	font-size: var(--sk-fs-base);
	font-weight: 600;
	background: var(--sk-white);
}

.sk-wishlist-btn:hover {
	color: var(--sk-danger);
	border-color: var(--sk-danger);
}

.sk-wishlist-btn.is-active {
	color: var(--sk-danger);
	border-color: var(--sk-danger);
}

.sk-wishlist-btn.is-active .sk-icon {
	fill: currentColor;
}

.sk-wishlist-btn.is-busy {
	opacity: .55;
	pointer-events: none;
}

/* --- Card body --- */

.sk-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 1rem 1.1rem 1.15rem;
}

.sk-card__cat {
	margin: 0 0 .3rem;
	font-size: var(--sk-fs-xs);
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sk-gold);
}

.sk-card__title {
	margin: 0 0 .45rem;
	font-size: var(--sk-fs-md);
	line-height: 1.3;
}

.sk-card__title a {
	color: var(--sk-green-dark);
}

.sk-card__title a:hover {
	color: var(--sk-green);
}

.sk-card__rating {
	display: flex;
	align-items: center;
	gap: .4rem;
	margin-bottom: .55rem;
}

.sk-card__reviews {
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-card__trust {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem;
	margin: 0 0 .9rem;
	padding: 0;
	list-style: none;
}

.sk-card__trust li {
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .18rem .5rem;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-sand);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--sk-green);
	white-space: nowrap;
}

.sk-card__trust .sk-icon {
	color: var(--sk-olive);
}

.sk-card__foot {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: .7rem;
}

.sk-card__price {
	font-family: var(--sk-font-display);
	font-size: var(--sk-fs-lg);
	font-weight: 700;
	color: var(--sk-green-dark);
	line-height: 1.2;
}

.sk-card__price del {
	margin-right: .4rem;
	font-size: .78em;
	font-weight: 400;
	color: var(--sk-muted);
	opacity: .8;
}

.sk-card__price ins {
	text-decoration: none;
	color: var(--sk-danger);
}

.sk-price__unit {
	display: block;
	margin-top: .1rem;
	font-family: var(--sk-font-body);
	font-size: var(--sk-fs-xs);
	font-weight: 500;
	color: var(--sk-muted);
}

.sk-card__cart {
	width: 100%;
	padding: .65rem 1rem;
	font-size: var(--sk-fs-sm);
}

.sk-card__cart.loading {
	opacity: .65;
	pointer-events: none;
}

.sk-card__cart.added::after {
	content: "";
}

.sk-card .added_to_cart {
	display: none;
}

/* Star rating (shared) */

.star-rating {
	position: relative;
	display: inline-block;
	width: 5.4em;
	height: 1em;
	overflow: hidden;
	font-size: .82rem;
	line-height: 1;
	font-family: star;
	color: var(--sk-gold);
}

.star-rating::before,
.star-rating span::before {
	content: "\2605\2605\2605\2605\2605";
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: .18em;
	white-space: nowrap;
}

.star-rating::before {
	color: var(--sk-sand-dark);
}

.star-rating span {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	float: left;
}

.woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-bottom: .9rem;
}

/* ==========================================================================
   03. Single product
   ========================================================================== */

.sk-product {
	padding-bottom: 1rem;
}

.sk-product__top {
	display: grid;
	gap: 2rem;
	padding-top: 2.25rem;
}

@media (min-width: 900px) {
	.sk-product__top {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		gap: 3.5rem;
		padding-top: 3rem;
	}
}

@media (min-width: 900px) {
	.sk-product__summary {
		position: sticky;
		top: calc(var(--sk-header-h) + 24px);
		align-self: start;
	}
}

/* --- Gallery --- */

.sk-product__gallery {
	position: relative;
}

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

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

.woocommerce-product-gallery__image {
	border-radius: var(--sk-radius-lg);
	overflow: hidden;
	background: var(--sk-sand);
}

.woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.woocommerce-product-gallery .flex-viewport {
	border-radius: var(--sk-radius-lg);
	overflow: hidden;
	margin-bottom: .75rem;
	background: var(--sk-sand);
}

.woocommerce-product-gallery .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-product-gallery .flex-control-thumbs li {
	margin: 0;
}

.woocommerce-product-gallery .flex-control-thumbs img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 2px solid transparent;
	border-radius: var(--sk-radius-sm);
	cursor: pointer;
	opacity: .75;
	transition: opacity .2s var(--sk-ease), border-color .2s var(--sk-ease);
}

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

/* Zoom / lightbox trigger button that WooCommerce injects. */
.woocommerce-product-gallery__trigger {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .95);
	color: var(--sk-green-dark);
	font-size: 0;
	box-shadow: var(--sk-shadow-sm);
	text-indent: 0;
}

.woocommerce-product-gallery__trigger::after {
	content: "";
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.woocommerce-product-gallery__trigger::before {
	content: "";
	position: absolute;
	right: 11px;
	bottom: 11px;
	width: 8px;
	height: 2px;
	background: currentColor;
	transform: rotate(45deg);
	transform-origin: right;
}

.sk-product__lab {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin-top: 1rem;
	padding: .85rem 1.1rem;
	border: 1px dashed var(--sk-olive);
	border-radius: var(--sk-radius);
	background: rgba(122, 139, 99, .08);
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.sk-product__lab:hover {
	background: rgba(122, 139, 99, .16);
	color: var(--sk-green-dark);
}

/* --- Summary --- */

.sk-product__summary .product_title {
	font-size: clamp(1.7rem, 3.6vw, 2.5rem);
	margin-bottom: .6rem;
}

.sk-rating-summary {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin-bottom: 1rem;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-rating-summary__link {
	color: var(--sk-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sk-product__summary .price,
.sk-product__summary p.price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1rem;
	font-family: var(--sk-font-display);
	font-size: 1.85rem;
	font-weight: 700;
	color: var(--sk-green-dark);
	line-height: 1.2;
}

.sk-product__summary .price del {
	font-size: .6em;
	font-weight: 400;
	color: var(--sk-muted);
}

.sk-product__summary .price ins {
	text-decoration: none;
	color: var(--sk-danger);
}

.woocommerce-product-details__short-description {
	margin-bottom: 1.5rem;
	color: var(--sk-muted);
	font-size: var(--sk-fs-md);
	line-height: 1.7;
}

/* --- Variations --- */

.variations {
	width: 100%;
	margin: 0 0 1.25rem;
	border-collapse: collapse;
}

.variations tr {
	display: block;
	margin-bottom: .9rem;
}

.variations th,
.variations td {
	display: block;
	padding: 0;
	text-align: left;
}

.variations th.label label {
	margin-bottom: .4rem;
	font-size: var(--sk-fs-sm);
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--sk-green-dark);
}

.variations select {
	max-width: 340px;
}

.reset_variations {
	display: inline-block;
	margin-top: .5rem;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
	text-decoration: underline;
}

.woocommerce-variation-price {
	margin-bottom: 1rem;
}

.woocommerce-variation-availability {
	font-size: var(--sk-fs-sm);
	color: var(--sk-success);
	font-weight: 600;
}

/* --- Quantity + add to cart --- */

.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	margin-bottom: 1.25rem;
}

.sk-qty {
	display: inline-flex;
	align-items: center;
	height: 52px;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-pill);
	background: var(--sk-white);
	overflow: hidden;
}

.sk-qty__btn {
	width: 44px;
	height: 100%;
	border: 0;
	background: transparent;
	color: var(--sk-green-dark);
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color .18s var(--sk-ease);
}

.sk-qty__btn:hover {
	background: var(--sk-sand);
}

.sk-qty input.qty {
	width: 52px;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	font-weight: 700;
	font-size: var(--sk-fs-md);
	-moz-appearance: textfield;
}

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

.sk-qty input.qty:focus {
	box-shadow: none;
}

.single_add_to_cart_button {
	flex: 1 1 220px;
	min-height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .78rem 1.6rem;
	border: 1px solid var(--sk-green);
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-family: var(--sk-font-body);
	font-size: var(--sk-fs-md);
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s var(--sk-ease), transform .18s var(--sk-ease), box-shadow .18s var(--sk-ease);
}

.single_add_to_cart_button:hover {
	background: var(--sk-green-dark);
	border-color: var(--sk-green-dark);
	transform: translateY(-1px);
	box-shadow: var(--sk-shadow);
}

.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled {
	opacity: .5;
	pointer-events: none;
}

.woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	width: 100%;
}

/* --- Trust strip under the button --- */

.sk-single-trust {
	margin-bottom: 1.25rem;
	padding: 1.1rem 1.25rem;
	border-radius: var(--sk-radius);
	background: var(--sk-sand);
}

.sk-single-trust__badges {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.25rem;
	margin: 0 0 .85rem;
	padding: 0 0 .85rem;
	list-style: none;
	border-bottom: 1px solid var(--sk-sand-dark);
}

.sk-single-trust__badges li {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.sk-single-trust__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--sk-white);
	color: var(--sk-green);
}

.sk-single-trust__note {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-single-trust__note + .sk-single-trust__note {
	margin-top: .45rem;
}

.sk-single-trust__note .sk-icon {
	color: var(--sk-olive);
}

.sk-single-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-bottom: 1.25rem;
}

.sk-single-actions .sk-wishlist-btn--full,
.sk-single-actions .sk-btn {
	flex: 1 1 180px;
}

.sk-product-meta {
	display: grid;
	gap: .5rem;
	margin: 0;
	padding: 1.1rem 0 0;
	list-style: none;
	border-top: 1px solid var(--sk-line);
	font-size: var(--sk-fs-sm);
}

.sk-product-meta li {
	display: flex;
	gap: .5rem;
}

.sk-product-meta span {
	min-width: 108px;
	color: var(--sk-muted);
}

.sk-product-meta strong {
	color: var(--sk-green-dark);
	font-weight: 600;
}

.sk-product-meta a {
	color: var(--sk-green);
}

.stock.in-stock {
	color: var(--sk-success);
	font-weight: 600;
	font-size: var(--sk-fs-sm);
}

.stock.out-of-stock {
	color: var(--sk-danger);
	font-weight: 600;
}

/* ==========================================================================
   04. Tabs, reviews, FAQs
   ========================================================================== */

.sk-tabs {
	margin-top: 3.5rem;
	padding: 2.5rem 0;
	background: var(--sk-white);
	border-top: 1px solid var(--sk-line);
	border-bottom: 1px solid var(--sk-line);
}

.sk-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--sk-line);
}

.sk-tabs__tab a {
	display: block;
	padding: .8rem 1.1rem;
	border-bottom: 2px solid transparent;
	color: var(--sk-muted);
	font-family: var(--sk-font-body);
	font-size: var(--sk-fs-base);
	font-weight: 600;
	white-space: nowrap;
}

.sk-tabs__tab.active a,
.sk-tabs__tab a:hover {
	color: var(--sk-green-dark);
	border-bottom-color: var(--sk-gold);
}

.sk-tabs__panel {
	max-width: 860px;
	color: #38332c;
	line-height: 1.75;
}

/* WooCommerce's tab script hides the panels it is not showing with inline
   styles. Until it runs (or if it never does) the first panel stays open, so
   the content is always reachable. */
.sk-tabs__panel ~ .sk-tabs__panel {
	display: none;
}

.sk-tabs__panel h2 {
	font-size: var(--sk-fs-xl);
	margin-bottom: .8rem;
}

.sk-tabs__panel h2:not(:first-child) {
	margin-top: 2rem;
}

.sk-tabs__panel table.shop_attributes {
	width: 100%;
	border-collapse: collapse;
}

.sk-tabs__panel table.shop_attributes th,
.sk-tabs__panel table.shop_attributes td {
	padding: .7rem .9rem;
	border-bottom: 1px solid var(--sk-line);
	text-align: left;
	font-size: var(--sk-fs-base);
}

.sk-tabs__panel table.shop_attributes th {
	width: 200px;
	color: var(--sk-green-dark);
}

.sk-tabs__panel table.shop_attributes p {
	margin: 0;
}

/* On phones the tab list scrolls horizontally rather than wrapping into a
   three-line stack. */
@media (max-width: 640px) {
	.sk-tabs__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.sk-tabs__list::-webkit-scrollbar {
		display: none;
	}
}

/* --- Reviews --- */

#reviews {
	display: grid;
	gap: 2.5rem;
}

@media (min-width: 900px) {
	#reviews {
		grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
		align-items: start;
	}
}

.woocommerce-Reviews-title {
	font-size: var(--sk-fs-xl);
	margin-bottom: 1.25rem;
}

.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 1rem;
}

.commentlist .review {
	padding: 1.25rem 1.4rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
	background: var(--sk-cream);
}

.commentlist .comment-text {
	overflow: hidden;
}

.commentlist img.avatar {
	float: left;
	width: 44px;
	height: 44px;
	margin-right: .85rem;
	border-radius: 50%;
}

.commentlist .woocommerce-review__author {
	font-weight: 700;
	color: var(--sk-green-dark);
}

.commentlist .woocommerce-review__published-date {
	display: block;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.commentlist .description {
	margin-top: .6rem;
	clear: both;
}

.woocommerce-noreviews {
	padding: 1.25rem;
	border-radius: var(--sk-radius);
	background: var(--sk-sand);
	color: var(--sk-muted);
}

#review_form_wrapper {
	padding: 1.75rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
}

#review_form_wrapper .comment-reply-title {
	display: block;
	margin-bottom: 1rem;
	font-family: var(--sk-font-display);
	font-size: var(--sk-fs-lg);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.comment-form-rating label {
	margin-bottom: .4rem;
}

.stars {
	display: flex;
	gap: .25rem;
	margin: 0 0 1rem;
	font-size: 1.4rem;
	line-height: 1;
}

.stars a {
	position: relative;
	width: 1.4em;
	color: var(--sk-sand-dark);
	text-indent: -9999px;
}

.stars a::before {
	content: "\2605";
	position: absolute;
	inset: 0;
	text-indent: 0;
	text-align: center;
}

.stars a:hover,
.stars a:hover ~ a,
.stars.selected a:not(.active) {
	color: var(--sk-gold);
}

.stars.selected a.active,
.stars.selected a.active ~ a {
	color: var(--sk-sand-dark);
}

.stars.selected a.active {
	color: var(--sk-gold);
}

/* --- Related / upsells --- */

.related.products,
.up-sells.products {
	padding: var(--sk-section-y) 0 0;
}

.related.products > h2,
.up-sells.products > h2 {
	font-size: var(--sk-fs-2xl);
	margin-bottom: .35rem;
	text-align: center;
}

.related.products,
.up-sells.products {
	max-width: var(--sk-container);
	margin: 0 auto;
	padding-left: var(--sk-container-pad);
	padding-right: var(--sk-container-pad);
}

/* ==========================================================================
   05. Frequently bought together
   ========================================================================== */

.sk-fbt {
	padding: var(--sk-section-y) 0 0;
}

.sk-fbt__title {
	font-size: var(--sk-fs-2xl);
	margin-bottom: .3rem;
}

.sk-fbt__sub {
	margin-bottom: 1.75rem;
	color: var(--sk-muted);
}

.sk-fbt__form {
	display: grid;
	gap: 1.75rem;
	padding: 1.75rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
}

@media (min-width: 1000px) {
	.sk-fbt__form {
		grid-template-columns: minmax(0, 1fr) 260px;
		align-items: center;
		gap: 2.5rem;
	}
}

.sk-fbt__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
}

.sk-fbt__plus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--sk-sand);
	color: var(--sk-green);
	flex: 0 0 auto;
}

.sk-fbt__item {
	position: relative;
	flex: 1 1 180px;
	display: flex;
	gap: .75rem;
	align-items: center;
	padding: .75rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
	background: var(--sk-cream);
	cursor: pointer;
	font-weight: 400;
	transition: border-color .2s var(--sk-ease), background-color .2s var(--sk-ease);
}

.sk-fbt__item:has(input:checked) {
	border-color: var(--sk-green);
	background: rgba(47, 93, 58, .05);
}

.sk-fbt__item input {
	position: absolute;
	top: .6rem;
	right: .6rem;
	width: 18px;
	height: 18px;
	accent-color: var(--sk-green);
	cursor: pointer;
}

.sk-fbt__media {
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: var(--sk-radius-sm);
	background: var(--sk-sand);
}

.sk-fbt__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sk-fbt__info {
	display: block;
	padding-right: 1.4rem;
}

.sk-fbt__name {
	display: block;
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
	line-height: 1.35;
}

.sk-fbt__price {
	display: block;
	margin-top: .2rem;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-fbt__price del {
	opacity: .7;
	margin-right: .3rem;
}

.sk-fbt__price ins {
	text-decoration: none;
	color: var(--sk-danger);
}

.sk-fbt__this {
	display: inline-block;
	margin-top: .3rem;
	padding: .1rem .45rem;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.sk-fbt__summary {
	display: grid;
	gap: .9rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--sk-line);
}

@media (min-width: 1000px) {
	.sk-fbt__summary {
		padding-top: 0;
		padding-left: 2.5rem;
		border-top: 0;
		border-left: 1px solid var(--sk-line);
	}
}

.sk-fbt__total {
	margin: 0;
}

.sk-fbt__total span {
	display: block;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-fbt__total strong {
	font-family: var(--sk-font-display);
	font-size: 1.6rem;
	color: var(--sk-green-dark);
}

.sk-fbt__btn {
	width: 100%;
}

/* ==========================================================================
   06. Cart
   ========================================================================== */

.woocommerce-cart .sk-shop,
.woocommerce-checkout .sk-shop,
.woocommerce-account .sk-shop {
	padding-top: var(--sk-section-y);
}

.sk-ship-bar {
	margin-bottom: 1.5rem;
	padding: 1rem 1.25rem;
	border-radius: var(--sk-radius);
	background: var(--sk-sand);
}

.sk-ship-bar p {
	margin: 0 0 .6rem;
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.sk-ship-bar__track {
	display: block;
	height: 7px;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-sand-dark);
	overflow: hidden;
}

.sk-ship-bar__track i {
	display: block;
	height: 100%;
	border-radius: var(--sk-radius-pill);
	background: linear-gradient(90deg, var(--sk-olive), var(--sk-green));
	transition: width .4s var(--sk-ease);
}

.sk-ship-bar.is-complete .sk-ship-bar__track i {
	background: var(--sk-success);
}

.shop_table {
	width: 100%;
	margin-bottom: 1.5rem;
	border-collapse: collapse;
	background: var(--sk-white);
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	overflow: hidden;
}

.shop_table th {
	padding: 1rem;
	background: var(--sk-sand);
	color: var(--sk-green-dark);
	font-size: var(--sk-fs-sm);
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-align: left;
}

.shop_table td {
	padding: 1rem;
	border-top: 1px solid var(--sk-line);
	vertical-align: middle;
}

.shop_table .product-thumbnail img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: var(--sk-radius-sm);
}

.shop_table .product-name a {
	font-weight: 600;
	color: var(--sk-green-dark);
}

.shop_table .product-remove a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--sk-sand);
	color: var(--sk-muted);
	font-size: 1.1rem;
	line-height: 1;
	text-decoration: none;
}

.shop_table .product-remove a:hover {
	background: var(--sk-danger);
	color: #fff;
}

.cart_totals table,
.woocommerce-checkout-review-order-table {
	border-radius: var(--sk-radius);
}

/* Cart table -> stacked cards on phones. */
@media (max-width: 782px) {
	.shop_table.cart thead {
		display: none;
	}

	.shop_table.cart,
	.shop_table.cart tbody,
	.shop_table.cart tr,
	.shop_table.cart td {
		display: block;
		width: 100%;
	}

	.shop_table.cart tr.cart_item {
		position: relative;
		margin-bottom: 1rem;
		border: 1px solid var(--sk-line);
		border-radius: var(--sk-radius);
		background: var(--sk-white);
		padding: .5rem;
	}

	.shop_table.cart td {
		border: 0;
		padding: .45rem .6rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	.shop_table.cart td::before {
		content: attr(data-title);
		font-size: var(--sk-fs-sm);
		font-weight: 700;
		color: var(--sk-muted);
	}

	.shop_table.cart td.product-remove {
		position: absolute;
		top: .5rem;
		right: .5rem;
		padding: 0;
	}

	.shop_table.cart td.product-remove::before,
	.shop_table.cart td.product-thumbnail::before {
		display: none;
	}

	.shop_table.cart td.product-thumbnail {
		justify-content: flex-start;
	}
}

.cart-collaterals {
	display: grid;
	gap: 1.5rem;
	margin-top: 1rem;
}

@media (min-width: 900px) {
	.cart-collaterals {
		grid-template-columns: minmax(0, 1fr) 380px;
		align-items: start;
	}
	.cart-collaterals .cross-sells {
		grid-column: 1;
	}
	.cart-collaterals .cart_totals {
		grid-column: 2;
	}
}

.cart_totals {
	padding: 1.6rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
}

.cart_totals h2 {
	font-size: var(--sk-fs-lg);
	margin-bottom: 1rem;
}

.cart_totals table {
	width: 100%;
	border: 0;
}

.cart_totals th,
.cart_totals td {
	padding: .6rem 0;
	border-top: 1px solid var(--sk-line);
	background: transparent;
	text-transform: none;
	letter-spacing: 0;
	font-size: var(--sk-fs-base);
}

.cart_totals tr:first-child th,
.cart_totals tr:first-child td {
	border-top: 0;
}

.cart_totals td {
	text-align: right;
	font-weight: 600;
	color: var(--sk-green-dark);
}

.cart_totals .order-total td {
	font-family: var(--sk-font-display);
	font-size: var(--sk-fs-xl);
}

.wc-proceed-to-checkout {
	margin-top: 1.25rem;
}

.checkout-button,
.wc-proceed-to-checkout .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: .95rem 1.5rem;
	border: 0;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-weight: 700;
	font-size: var(--sk-fs-md);
	text-align: center;
}

.checkout-button:hover {
	background: var(--sk-green-dark);
	color: #fff;
}

/* --- Coupon --- */

.coupon {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
}

.coupon label {
	display: none;
}

.coupon #coupon_code {
	max-width: 240px;
	border-radius: var(--sk-radius-pill);
}

.coupon .button,
.actions > .button {
	padding: .72rem 1.25rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-pill);
	background: var(--sk-white);
	color: var(--sk-green-dark);
	font-weight: 600;
	cursor: pointer;
	transition: background-color .18s var(--sk-ease), color .18s var(--sk-ease);
}

.coupon .button:hover,
.actions > .button:hover {
	background: var(--sk-green);
	border-color: var(--sk-green);
	color: #fff;
}

.actions > .button[disabled] {
	opacity: .5;
}

.shop_table .actions {
	padding: 1rem;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	justify-content: space-between;
	background: var(--sk-cream);
}

.cart-empty,
.return-to-shop {
	text-align: center;
}

.woocommerce-cart .cart-empty {
	font-size: var(--sk-fs-lg);
	margin-bottom: 1rem;
}

/* ==========================================================================
   07. Checkout
   ========================================================================== */

.woocommerce-checkout .sk-shop__main > .woocommerce {
	display: grid;
	gap: 2rem;
}

@media (min-width: 1000px) {
	form.checkout.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr);
		gap: 3rem;
		align-items: start;
	}

	form.checkout #customer_details {
		grid-column: 1;
	}

	form.checkout > h3#order_review_heading,
	form.checkout > #order_review {
		grid-column: 2;
	}

	form.checkout > #order_review {
		position: sticky;
		top: calc(var(--sk-header-h) + 20px);
	}
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
	font-size: var(--sk-fs-xl);
	margin-bottom: 1.1rem;
	padding-bottom: .6rem;
	border-bottom: 1px solid var(--sk-line);
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
	display: grid;
	gap: .9rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-row {
	margin: 0;
}

.form-row-wide,
.form-row-full {
	grid-column: 1 / -1;
}

@media (max-width: 640px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: 1fr;
	}
	.form-row-first,
	.form-row-last {
		grid-column: 1 / -1;
	}
}

.form-row label {
	font-size: var(--sk-fs-sm);
}

.required {
	color: var(--sk-danger);
	text-decoration: none;
}

.form-row .description,
.woocommerce-input-wrapper + .description {
	margin-top: .3rem;
	font-size: var(--sk-fs-xs);
	color: var(--sk-muted);
}

.woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	font-weight: 400;
	font-size: var(--sk-fs-base);
}

.woocommerce-form__input-checkbox {
	width: auto;
	margin-top: .25rem;
	accent-color: var(--sk-green);
}

/* Select2 (country / state) */
.select2-container .select2-selection--single {
	height: 46px;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-sm);
	background: var(--sk-white);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 44px;
	padding-left: .95rem;
	color: var(--sk-ink);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 44px;
}

.select2-dropdown {
	border-color: var(--sk-line);
	border-radius: var(--sk-radius-sm);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: var(--sk-green);
}

/* --- Order review --- */

#order_review {
	padding: 1.6rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
}

.woocommerce-checkout-review-order-table {
	border: 0;
	margin-bottom: 1.25rem;
}

.woocommerce-checkout-review-order-table th {
	background: transparent;
	padding: .5rem 0;
	border-bottom: 1px solid var(--sk-line);
}

.woocommerce-checkout-review-order-table td {
	padding: .6rem 0;
	border-top: 0;
	border-bottom: 1px solid var(--sk-line);
	text-align: right;
}

.woocommerce-checkout-review-order-table .product-name {
	text-align: left;
	color: var(--sk-ink);
}

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

.woocommerce-checkout-review-order-table tfoot th {
	text-align: left;
	border-bottom: 0;
	border-top: 1px solid var(--sk-line);
	text-transform: none;
	letter-spacing: 0;
	font-size: var(--sk-fs-base);
}

.woocommerce-checkout-review-order-table tfoot td {
	border-bottom: 0;
	border-top: 1px solid var(--sk-line);
	font-weight: 700;
	color: var(--sk-green-dark);
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
	font-family: var(--sk-font-display);
	font-size: var(--sk-fs-lg);
}

/* --- Payment box --- */

.sk-checkout-note {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0 0 1rem;
	padding: .85rem 1rem;
	border-radius: var(--sk-radius-sm);
	background: rgba(47, 93, 58, .07);
	font-size: var(--sk-fs-sm);
	font-weight: 600;
	color: var(--sk-green-dark);
}

.sk-checkout-note .sk-icon {
	flex: 0 0 auto;
	color: var(--sk-green);
}

#payment {
	border-radius: var(--sk-radius);
}

#payment ul.payment_methods {
	display: grid;
	gap: .6rem;
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
	border: 0;
}

#payment ul.payment_methods li {
	padding: 0;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
	background: var(--sk-cream);
	overflow: hidden;
	transition: border-color .2s var(--sk-ease), background-color .2s var(--sk-ease);
}

#payment ul.payment_methods li:has(input:checked) {
	border-color: var(--sk-green);
	background: rgba(47, 93, 58, .05);
}

#payment ul.payment_methods li > label {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0;
	padding: .95rem 1.1rem;
	font-size: var(--sk-fs-md);
	font-weight: 600;
	color: var(--sk-green-dark);
	cursor: pointer;
}

#payment ul.payment_methods li > input[type="radio"] {
	width: auto;
	margin-left: 1.1rem;
	accent-color: var(--sk-green);
}

#payment ul.payment_methods li img {
	max-height: 26px;
	width: auto;
	margin-left: auto;
}

#payment .payment_box {
	margin: 0;
	padding: 0 1.1rem 1.1rem;
	background: transparent;
	color: var(--sk-muted);
	font-size: var(--sk-fs-sm);
}

#payment .payment_box::before {
	display: none;
}

.sk-wallet-details {
	display: grid;
	gap: .4rem;
	margin: .75rem 0 0;
	padding: .85rem 1rem;
	list-style: none;
	border-radius: var(--sk-radius-sm);
	background: var(--sk-white);
	border: 1px dashed var(--sk-line);
}

.sk-wallet-details li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: var(--sk-fs-sm);
}

.sk-wallet-details strong {
	color: var(--sk-green-dark);
	letter-spacing: .02em;
}

.sk-txn-field {
	margin-bottom: 1rem;
}

.woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 1rem;
	font-size: var(--sk-fs-sm);
}

#place_order {
	width: 100%;
	padding: 1rem 1.5rem;
	border: 0;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-family: var(--sk-font-body);
	font-size: var(--sk-fs-md);
	font-weight: 700;
	cursor: pointer;
	transition: background-color .2s var(--sk-ease), transform .18s var(--sk-ease);
}

#place_order:hover {
	background: var(--sk-green-dark);
	transform: translateY(-1px);
}

.sk-checkout-trust {
	display: grid;
	gap: .5rem;
	margin: 1.25rem 0 0;
	padding: 1rem 0 0;
	list-style: none;
	border-top: 1px solid var(--sk-line);
}

.sk-checkout-trust li {
	display: flex;
	align-items: center;
	gap: .55rem;
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.sk-checkout-trust .sk-icon {
	color: var(--sk-olive);
}

.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle {
	margin-bottom: 1.25rem;
}

.checkout_coupon,
.woocommerce-form-login {
	margin-bottom: 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
	background: var(--sk-white);
	display: grid;
	gap: .75rem;
}

.checkout_coupon .form-row {
	display: inline-block;
}

/* --- Thank you page --- */

.woocommerce-order {
	max-width: 860px;
	margin: 0 auto;
}

.woocommerce-thankyou-order-received {
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.5rem;
	border-radius: var(--sk-radius);
	background: rgba(47, 122, 79, .1);
	color: var(--sk-success);
	font-family: var(--sk-font-display);
	font-size: var(--sk-fs-xl);
	font-weight: 600;
}

.woocommerce-order-overview {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.woocommerce-order-overview li {
	padding: 1rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius);
	background: var(--sk-white);
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.woocommerce-order-overview li strong {
	display: block;
	margin-top: .3rem;
	font-size: var(--sk-fs-md);
	color: var(--sk-green-dark);
}

.sk-thankyou-support {
	margin-top: 2rem;
	padding: 1.75rem;
	border-radius: var(--sk-radius-lg);
	background: var(--sk-sand);
	text-align: center;
}

.sk-thankyou-support h3 {
	font-size: var(--sk-fs-lg);
	margin-bottom: .4rem;
}

.sk-thankyou-support p {
	color: var(--sk-muted);
	margin-bottom: 1.1rem;
}

/* ==========================================================================
   08. My account & order tracking
   ========================================================================== */

.woocommerce-account .woocommerce {
	display: grid;
	gap: 2rem;
}

@media (min-width: 900px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 240px minmax(0, 1fr);
		gap: 2.5rem;
		align-items: start;
	}
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: .5rem;
	list-style: none;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-lg);
	background: var(--sk-white);
}

.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: .6rem .8rem;
	border-radius: var(--sk-radius-sm);
	color: var(--sk-ink);
	font-weight: 500;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
	background: var(--sk-sand);
	color: var(--sk-green);
}

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

.woocommerce-form-login,
.woocommerce-form-register {
	max-width: 480px;
}

.track_order {
	max-width: 520px;
}

.track_order .form-row {
	margin-bottom: .9rem;
}

.track_order .button {
	width: 100%;
	padding: .9rem 1.5rem;
	border: 0;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.track_order .button:hover {
	background: var(--sk-green-dark);
}

/* ==========================================================================
   09. Notices, forms, misc
   ========================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem;
	margin: 0 0 1.25rem;
	padding: 1rem 1.25rem;
	border-radius: var(--sk-radius);
	border-left: 3px solid var(--sk-green);
	background: rgba(47, 93, 58, .07);
	color: var(--sk-green-dark);
	font-size: var(--sk-fs-base);
	list-style: none;
}

.woocommerce-info {
	border-left-color: var(--sk-gold);
	background: rgba(194, 161, 77, .12);
}

.woocommerce-error {
	border-left-color: var(--sk-danger);
	background: rgba(179, 69, 47, .09);
	color: var(--sk-danger);
	flex-direction: column;
	align-items: flex-start;
	gap: .35rem;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	margin-left: auto;
	padding: .5rem 1.1rem;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	font-size: var(--sk-fs-sm);
	font-weight: 600;
}

.woocommerce-store-notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 160;
	margin: 0;
	padding: .85rem 1.25rem;
	background: var(--sk-gold);
	color: #241f14;
	text-align: center;
}

.woocommerce-breadcrumb {
	font-size: var(--sk-fs-sm);
	color: var(--sk-muted);
}

.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .4rem;
	margin: 3rem 0 0;
	padding: 0;
	list-style: none;
	border: 0;
}

.woocommerce-pagination ul li {
	border: 0;
}

.woocommerce-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 .6rem;
	border: 1px solid var(--sk-line);
	border-radius: var(--sk-radius-pill);
	background: var(--sk-white);
	color: var(--sk-ink);
	font-weight: 600;
}

.woocommerce-pagination .page-numbers.current {
	background: var(--sk-green);
	border-color: var(--sk-green);
	color: #fff;
}

.widget_product_categories ul,
.widget_layered_nav ul,
.widget_product_tag_cloud {
	font-size: var(--sk-fs-base);
}

.price_slider_wrapper .ui-slider {
	position: relative;
	height: 6px;
	margin: 1.25rem 0;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-sand-dark);
}

.price_slider_wrapper .ui-slider-range {
	position: absolute;
	height: 100%;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
}

.price_slider_wrapper .ui-slider-handle {
	position: absolute;
	top: -6px;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	border-radius: 50%;
	background: var(--sk-white);
	border: 2px solid var(--sk-green);
	cursor: grab;
}

.price_slider_amount .button {
	padding: .5rem 1rem;
	border-radius: var(--sk-radius-pill);
	background: var(--sk-green);
	color: #fff;
	border: 0;
	font-size: var(--sk-fs-sm);
	cursor: pointer;
}

.blockUI.blockOverlay {
	background: rgba(250, 246, 239, .7) !important;
}