/**

 * PDP variation swatches — round, clickable image thumbnails (no visible dropdown).

 */



:root {

	--sk-swatch-size: 3.5rem;

	--sk-swatch-ring: 2px;

	--sk-swatch-gap: 0.625rem;

	--sk-swatch-border: #d8d0c4;

	--sk-swatch-selected: var(--wp--preset--color--sk-gold, #c4943e);

	--sk-swatch-bg: var(--wp--preset--color--sk-cream, #f5ede0);

}



body.woocommerce.single-product table.variations tr,

body.woocommerce-page.single-product table.variations tr {

	display: block;

	margin-bottom: 1rem;

}



body.woocommerce.single-product table.variations td,

body.woocommerce-page.single-product table.variations td {

	display: block;

	padding: 0;

	border: 0;

}



body.woocommerce.single-product table.variations td.label,

body.woocommerce-page.single-product table.variations td.label {

	margin-bottom: 0.35rem;

}



body.woocommerce.single-product table.variations td.label label,

body.woocommerce-page.single-product table.variations td.label label {

	font-weight: 600;

}



body.woocommerce.single-product table.variations td.value select,

body.woocommerce-page.single-product table.variations td.value select,

body.woocommerce.single-product .sk-variation-swatches-wrap select,

body.woocommerce-page.single-product .sk-variation-swatches-wrap select,

.sk-variation-select-sr {

	display: none !important;

	visibility: hidden !important;

	position: absolute !important;

	left: -9999px !important;

	width: 1px !important;

	height: 1px !important;

	margin: 0 !important;

	padding: 0 !important;

	overflow: hidden !important;

	opacity: 0 !important;

	pointer-events: none !important;

	appearance: none !important;

	-webkit-appearance: none !important;

}



.sk-variation-swatches-wrap {

	position: relative;

}



.sk-variation-swatches {

	display: flex;

	flex-wrap: wrap;

	gap: var(--sk-swatch-gap);

	align-items: center;

}



/* Override parent theme global `button` rules (colored rectangular buttons). */

body.woocommerce.single-product form.variations_form button.sk-variation-swatch,

body.woocommerce-page.single-product form.variations_form button.sk-variation-swatch,

body.woocommerce.single-product form.cart button.sk-variation-swatch,

body.woocommerce-page.single-product form.cart button.sk-variation-swatch,

button.sk-variation-swatch {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	flex: 0 0 auto !important;

	width: var(--sk-swatch-size) !important;

	height: var(--sk-swatch-size) !important;

	min-width: var(--sk-swatch-size) !important;

	min-height: var(--sk-swatch-size) !important;

	max-width: var(--sk-swatch-size) !important;

	margin: 0 !important;

	padding: 0 !important;

	border: var(--sk-swatch-ring) solid var(--sk-swatch-border) !important;

	border-radius: 50% !important;

	background: var(--sk-swatch-bg) !important;

	color: inherit !important;

	line-height: 1 !important;

	text-align: center !important;

	overflow: hidden !important;

	cursor: pointer !important;

	box-sizing: border-box !important;

	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

	-webkit-tap-highlight-color: transparent;

}



button.sk-variation-swatch:hover:not(:disabled):not(.is-disabled) {

	border-color: var(--sk-swatch-selected) !important;

	background: var(--sk-swatch-bg) !important;

	transform: scale(1.04);

}



button.sk-variation-swatch:focus-visible {

	outline: 2px solid var(--sk-swatch-selected);

	outline-offset: 2px;

}



.sk-variation-swatch__thumb {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	overflow: hidden;

}



.sk-variation-swatch__thumb img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	border-radius: 50%;

	pointer-events: none;

}



.sk-variation-swatch__initial {

	font-size: 1rem;

	font-weight: 700;

	line-height: 1;

	color: var(--wp--preset--color--sk-brown, #5c3a1e);

	text-transform: uppercase;

	pointer-events: none;

}



button.sk-variation-swatch.is-selected {

	border-color: var(--sk-swatch-selected) !important;

	box-shadow: 0 0 0 2px var(--sk-swatch-selected);

}



button.sk-variation-swatch.is-disabled,

button.sk-variation-swatch:disabled {

	cursor: not-allowed !important;

	opacity: 0.38;

	transform: none;

}



button.sk-variation-swatch.is-disabled .sk-variation-swatch__thumb img,

button.sk-variation-swatch:disabled .sk-variation-swatch__thumb img {

	filter: grayscale(0.35);

}



/* Product loop swatches — overlaid on image, bottom center (shop, homepage, related). */

.woocommerce ul.products:not(.sk-shop-product-categories) li.product.sk-has-loop-swatches .sk-loop-product-media,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product.sk-has-loop-swatches .sk-loop-product-media {

	position: relative;

	width: 100%;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product.sk-has-loop-swatches .sk-loop-product-media > .sk-variation-swatches-wrap--loop,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product.sk-has-loop-swatches .sk-loop-product-media > .sk-variation-swatches-wrap--loop {

	position: absolute;

	bottom: 0.5rem;

	left: 0;

	right: 0;

	z-index: 2;

	width: 100%;

	margin: 0;

	pointer-events: auto;

}



.sk-variation-swatches-wrap--loop {

	display: block;

	width: 100%;

	padding: 0;

	background: transparent;

	border-radius: 0;

	box-shadow: none;

}



.sk-variation-swatches--loop {

	--sk-swatch-size: 2.75rem;

	--sk-swatch-gap: 0.4rem;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	width: 100%;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop {

	display: inline-flex !important;

	align-items: center !important;

	justify-content: center !important;

	flex: 0 0 auto !important;

	width: var(--sk-swatch-size) !important;

	height: var(--sk-swatch-size) !important;

	min-width: var(--sk-swatch-size) !important;

	min-height: var(--sk-swatch-size) !important;

	max-width: var(--sk-swatch-size) !important;

	margin: 0 !important;

	padding: 0 !important;

	border: var(--sk-swatch-ring) solid var(--sk-swatch-border) !important;

	border-radius: 50% !important;

	background: var(--sk-swatch-bg) !important;

	color: inherit !important;

	line-height: 1 !important;

	text-align: center !important;

	text-decoration: none !important;

	overflow: hidden !important;

	cursor: pointer !important;

	box-sizing: border-box !important;

	vertical-align: top !important;

	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;

	-webkit-tap-highlight-color: transparent;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop .sk-variation-swatch__thumb,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop .sk-variation-swatch__thumb {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	border-radius: 50% !important;

	overflow: hidden !important;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop img,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop img {

	display: block !important;

	width: 100% !important;

	height: 100% !important;

	max-width: none !important;

	margin: 0 !important;

	padding: 0 !important;

	aspect-ratio: unset !important;

	object-fit: cover !important;

	object-position: center center !important;

	border-radius: 0 !important;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop:hover,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop:hover {

	border-color: var(--sk-swatch-selected) !important;

	background: var(--sk-swatch-bg) !important;

	transform: scale(1.04);

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop:focus-visible,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop:focus-visible {

	outline: 2px solid var(--sk-swatch-selected);

	outline-offset: 2px;

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop.is-selected,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop.is-selected {

	border-color: var(--sk-swatch-selected) !important;

	box-shadow: 0 0 0 2px var(--sk-swatch-selected);

}



.woocommerce ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop .sk-variation-swatch__initial,

.woocommerce-page ul.products:not(.sk-shop-product-categories) li.product a.sk-variation-swatch--loop .sk-variation-swatch__initial {

	font-size: 0.85rem;

}