
.woocommerce-variation-colours-block .filtering-container{
	border: 2px solid var(--wp--preset--color--grey-200);
}
.woocommerce-variation-colours-block .filtering-container .filtering{
	display:flex;
	flex-direction:column;
	padding:var(--wp--preset--spacing--25);
	gap:var(--wp--preset--spacing--20);
	border-bottom: 2px solid var(--wp--preset--color--grey-200);
}
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--title{
	display:flex;
	align-items:center;
	justify-content:start;
	gap:var(--wp--preset--spacing--20);
}
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--title > *{
	margin:0;
}
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options{
	display:flex;
	justify-content:center;
	gap:var(--wp--preset--spacing--20);
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container{
	display:flex;
	gap:var(--wp--preset--spacing--5);
}
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--tones{
	padding-left:var(--wp--preset--spacing--20);
	border-left: 2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item{
	flex: 0 1 70px;
	width:70px;
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item input{
	visibility:hidden;
	height:0px;
	width:0px;
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label{
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:var(--wp--preset--spacing--10) 0;
	font-size: var(--wp--preset--font-size--small);
	gap:var(--wp--preset--spacing--5);
	border:2px solid var(--wp--preset--color--base, #ffffff);
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label img{
	width:40px;
	height:40px;
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item input:checked + label{
	border-color:var(--wp--preset--color--primary-200, #9B90C8);
	color:var(--wp--preset--color--secondary-400, #C3447A);
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item input:checked + label img.active-state,
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label:hover img.active-state,
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label img.normal-state{
	display:block;
}

.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item input:checked + label img.normal-state,
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label:hover img.normal-state,
.woocommerce-variation-colours-block .filtering-container .filtering .filtering--options .filtering--options--type-container .filtering--options--item label img.active-state{
	display:none;
}

/**
* swatch styling
 */

.woocommerce-variation-colours-block .filtering-container .colour-swatch {
	display:flex;
	flex-wrap:wrap;
	gap:var(--wp--preset--spacing--5);
	padding:var(--wp--preset--spacing--5);
}

.woocommerce-variation-colours-block .filtering-container .colour-swatch .colour-swatch__item{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--xxsmall);
	font-weight: bold;
	flex: 0 1 60px;
}

/**
* add to cart styling selected items styling
*/
.woocommerce-variation-colours-block .selected-item__swatch{
	display:flex;
	padding:var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	align-items:center;
	justify-content:space-between;
}
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__info{
	display:flex;
	gap:var(--wp--preset--spacing--10);
	align-items:center;
}
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__info .selected-item__code{
	font-weight:bold;
	font-size: var(--wp--preset--font-size--normal);
}
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__info .selected-item__title{
	font-size: var(--wp--preset--font-size--small);
}
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__info .selected-item__price{
	display:none;
}

.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions{
	display:flex;
	align-items:center;
	gap:var(--wp--preset--spacing--5);
}

.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .qty-control{
	display:flex;
	align-items:center;
	color:inherit;
	gap:var(--wp--preset--spacing--5);
	border-right: 2px solid currentColor;
	padding-right:var(--wp--preset--spacing--10);
}

.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .qty-control .qty-control__btn{
	background:transparent;
	border-color:currentColor;
	border-width:2px;
	font-size: var(--wp--preset--font-size--normal);
	color:currentColor;
	height:25px;
	width:25px;
	line-height:25px;
	border-style:solid;
	border-radius:50%;
}
/* Chrome, Safari, Edge, Opera */
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .qty-control__input::-webkit-outer-spin-button,
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .qty-control__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .selected-item__remove{
	border:none;
	background:transparent;
	color:inherit;
	padding-top:2px;
	padding-right:0;
}
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .selected-item__remove svg path{
	stroke:currentColor;
}

/* Firefox */
.woocommerce-variation-colours-block .selected-item__swatch .selected-item__actions .qty-control__input[type=number] {
	-moz-appearance: textfield;
	padding:var(--wp--preset--spacing--5) 0;
	width:30px;
	text-align:center;
}

/**
* add to cart styling
*/

.woocommerce-variation-colours-block .colour-palette-container{
	border: 2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-variation-colours-block .colour-palette .selected-subtotal{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding:var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: bold;
}

.woocommerce-variation-colours-block .colour-palette-title{
	display:flex;
	 justify-content:space-between;
	 align-items:center;
	padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--25);
}
.woocommerce-variation-colours-block .button-container{
	display:flex;
	 justify-content:flex-end;
	 align-items:center;
	
}
.woocommerce-variation-colours-block .add-to-cart-btn {
	display: none;
	font-size: var(--wp--preset--font-size--large);
	padding: var(--wp--preset--spacing--15) var(--wp--preset--spacing--25);
	border-radius: 50px;
	margin:0 var(--wp--preset--spacing--25) var(--wp--preset--spacing--25) var(--wp--preset--spacing--25);
	gap:var(--wp--preset--spacing--10);
}
.woocommerce-variation-colours-block .add-to-cart-btn svg path{
	stroke:currentColor;
}

.woocommerce-variation-colours-block .add-to-cart-btn.is-visible {
	display: inline-flex; /* or block */
}

.woocommerce-variation-colours-block .add-to-cart-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.woocommerce-variation-colours-block .add-to-cart-btn.is-success {
	background: #2e7d32;
	color: #fff;
}

.woocommerce-variation-colours-block .add-to-cart-btn.is-error {
	background: #c62828;
	color: #fff;
}

.woocommerce-variation-colours-block .selected-item__attributes {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	border-bottom: 2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-variation-colours-block .selected-item__attribute {
	font-size: var(--wp--preset--font-size--normal);
	font-weight: bold;
	display: flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
}

.woocommerce-variation-colours-block .selected-item__attribute select {
	min-width: 120px;
}
.woocommerce-variation-colours-block .form-conditionals-container{

}
.woocommerce-variation-colours-block .global-variation-options__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--25);
	padding: var(--wp--preset--spacing--25);
	border-top: 2px solid var(--wp--preset--color--grey-200);
}

.woocommerce-variation-colours-block .global-variation-options__inner h5 {
	margin-top: 0;
}

.woocommerce-variation-colours-block .global-variation-options__fields {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	flex-wrap: wrap;
}

.woocommerce-variation-colours-block .global-variation-options__fields select{
	height: 3em;
	padding: .9em 1.1em;
	font-size: var(--wp--preset--font-size--small);
	display: inline-block;
	margin-right: 1em;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 3em;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
	background-size: 16px;
	-webkit-background-size: 16px;
	background-position: calc(100% - 12px) 50%;
	-webkit-background-position: calc(100% - 12px) 50%;
}
