/* Easy Variation Swatches and Custom Stock Status - frontend */
.evscs-raw-select{display:none!important}

/* Preloader: hide the form until swatches are ready (noscript fallback is printed in the head). */
.evscs-preloader-on .variations_form:not(.evscs-ready) .variations{opacity:0;visibility:hidden}
.evscs-archive-preloader-on .evscs-archive-loading{visibility:hidden;min-height:var(--evscs-archive-height,30px)}

.evscs-variable-wrapper{display:block}
.evscs-variable-root{display:block;margin:0}
.evscs-variable-items-wrapper{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 4px;padding:0}
.evscs-groups{display:flex;gap:20px;flex-wrap:wrap}
.evscs-groups-vertical{flex-direction:column;gap:10px}
.evscs-group-title{display:block;font-size:.85em;opacity:.75;margin-bottom:4px}

.evscs-variable-item{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:2px;list-style:none;cursor:pointer;
	min-width:var(--evscs-width);height:var(--evscs-height);font-size:var(--evscs-font-size);color:var(--evscs-text);background:var(--evscs-bg);
	box-shadow:0 0 0 var(--evscs-border-size) var(--evscs-border);transition:box-shadow .15s ease,opacity .15s ease,background .15s ease;outline:none}
.evscs-variable-item:hover,.evscs-variable-item:focus-visible{background:var(--evscs-hover-bg);color:var(--evscs-hover-text);box-shadow:0 0 0 var(--evscs-hover-border-size) var(--evscs-hover-border)}
.evscs-variable-item.selected{background:var(--evscs-selected-bg);color:var(--evscs-selected-text);box-shadow:0 0 0 var(--evscs-selected-border-size) var(--evscs-selected-border)}

.evscs-style-rounded .evscs-variable-item.evscs-color-variable-item,
.evscs-style-rounded .evscs-variable-item.evscs-image-variable-item,
.evscs-style-rounded .evscs-variable-item.evscs-color-variable-item .evscs-variable-item-span,
.evscs-style-rounded .evscs-variable-item.evscs-image-variable-item img{border-radius:50%}
.evscs-style-rounded .evscs-variable-item.evscs-button-variable-item{border-radius:var(--evscs-height)}
.evscs-style-rounded .evscs-variable-item.evscs-color-variable-item,
.evscs-style-rounded .evscs-variable-item.evscs-image-variable-item{width:var(--evscs-width)}
.evscs-style-squared .evscs-variable-item{border-radius:3px}

.evscs-variable-item-contents{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.evscs-color-variable-item,.evscs-image-variable-item{width:var(--evscs-width)}
.evscs-variable-item-span-color{display:block;width:100%;height:100%;border-radius:inherit}
.evscs-variable-item-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.evscs-variable-item-span-button{display:block;padding:0 .6em;line-height:1;white-space:nowrap}
.evscs-button-variable-item{padding:2px}

/* Radio */
.evscs-radio-variable-item{box-shadow:none;background:transparent;height:auto;min-height:var(--evscs-height)}
.evscs-radio-variable-item:hover,.evscs-radio-variable-item.selected{box-shadow:none;background:transparent}
.evscs-radio-variable-item .evscs-variable-item-contents{justify-content:flex-start;gap:6px;overflow:visible}
.evscs-radio-variable-item .evscs-variable-item-radio-input{pointer-events:none;margin:0}
.evscs-radio-variable-item .evscs-variable-item-radio-label{cursor:pointer;margin:0}

/* Selected tick */
.evscs-color-variable-item.selected .evscs-variable-item-span-color::after,
.evscs-image-variable-item.selected .evscs-variable-item-contents::after{content:"";position:absolute;left:50%;top:50%;width:35%;height:60%;margin:-38% 0 0 -12%;border:solid var(--evscs-tick);border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none}
.evscs-color-variable-item.selected .evscs-variable-item-span-color{position:relative}
.evscs-color-variable-item.selected .evscs-variable-item-span-color::after{left:50%;top:50%;margin:-8px 0 0 -4px;width:7px;height:13px}

/* Disabled / out of stock */
.evscs-variable-item.evscs-disabled,.evscs-variable-item.evscs-oos{cursor:not-allowed}
.evscs-variable-item.evscs-disabled .evscs-variable-item-contents,.evscs-variable-item.evscs-oos .evscs-variable-item-contents{opacity:.35}
.evscs-variable-item.evscs-oos:not(.evscs-disabled){cursor:pointer}
.evscs-behavior-blur .evscs-variable-item.evscs-disabled::before,
.evscs-behavior-blur .evscs-variable-item.evscs-oos::before{content:"";position:absolute;left:50%;top:50%;width:140%;height:0;border-top:2px solid var(--evscs-cross);transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none;z-index:1}
.evscs-behavior-blur-no-cross .evscs-variable-item.evscs-disabled::before{display:none}
.evscs-behavior-hide .evscs-variable-item.evscs-disabled{display:none}
.evscs-radio-variable-item.evscs-disabled::before,.evscs-radio-variable-item.evscs-oos::before{display:none!important}

/* Large size */
.evscs-large .evscs-variable-item{min-width:var(--evscs-large-width);height:var(--evscs-large-height);font-size:var(--evscs-large-font-size)}
.evscs-large .evscs-color-variable-item,.evscs-large .evscs-image-variable-item{width:var(--evscs-large-width)}

/* Display limit */
.evscs-limit-hidden{display:none!important}
.evscs-more-items{margin:0;padding:0 10px;height:var(--evscs-height);border:1px solid var(--evscs-border);background:var(--evscs-bg);color:var(--evscs-text);border-radius:3px;cursor:pointer}
.evscs-more-items:hover{border-color:var(--evscs-hover-border)}

/* Selected label in the attribute label */
.evscs-selected-label{font-weight:400;opacity:.85}

/* Tooltip */
.evscs-tooltip{position:absolute;z-index:99999;max-width:260px;padding:6px 10px;border-radius:4px;background:var(--evscs-tooltip-bg);color:var(--evscs-tooltip-text);font-size:13px;line-height:1.35;text-align:center;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.evscs-tooltip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--evscs-tooltip-bg)}
.evscs-tooltip-bottom::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--evscs-tooltip-bg)}
.evscs-tooltip-image{display:block;max-width:100%;height:auto;margin:0 auto 6px;border-radius:3px}
.evscs-tooltip-stock{opacity:.9;font-size:12px}

/* Archive */
.evscs-archive-swatches{display:flex;flex-direction:column;align-items:var(--evscs-archive-align,flex-start);gap:6px;margin:8px 0;text-align:left}
.evscs-archive-swatches .evscs-variable-item{min-width:var(--evscs-archive-width);height:var(--evscs-archive-height);font-size:var(--evscs-archive-font-size)}
.evscs-archive-swatches .evscs-color-variable-item,.evscs-archive-swatches .evscs-image-variable-item{width:var(--evscs-archive-width)}
.evscs-archive-swatches .evscs-variable-items-wrapper{justify-content:var(--evscs-archive-align,flex-start)}
.evscs-archive-swatches .evscs-more-items{height:var(--evscs-archive-height)}
.evscs-archive-attribute-label{font-size:.85em;margin-bottom:2px}
.evscs-archive-clear{font-size:.8em;text-decoration:underline}
.evscs-archive-availability{font-size:.85em}

/* Layered nav / filter */
.woocommerce-widget-layered-nav-list li:has(.evscs-filter-item),.evscs-filter-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.woocommerce-widget-layered-nav-list li:has(.evscs-filter-item){display:inline-flex;align-items:center;gap:4px}
.evscs-filter-item{display:inline-flex;align-items:center;text-decoration:none;box-shadow:none}
.evscs-filter-swatch{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--evscs-width);height:var(--evscs-height);border-radius:3px;box-shadow:0 0 0 var(--evscs-border-size) var(--evscs-border);background:var(--evscs-bg);color:var(--evscs-text);font-size:var(--evscs-font-size);overflow:hidden}
.evscs-filter-swatch-color,.evscs-filter-swatch-image{width:var(--evscs-width)}
.evscs-filter-swatch-image img{display:block;width:100%;height:100%;object-fit:cover}
.evscs-filter-swatch-button{padding:0 .6em;white-space:nowrap}
.evscs-filter-swatch-radio{gap:6px;padding:0 4px;box-shadow:none;background:transparent}
.evscs-filter-radio-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--evscs-border)}
.evscs-filter-item.selected .evscs-filter-swatch{box-shadow:0 0 0 var(--evscs-selected-border-size) var(--evscs-selected-border)}
.evscs-filter-item.selected .evscs-filter-radio-dot{background:var(--evscs-selected-border)}
.evscs-style-rounded .evscs-filter-swatch-color,.evscs-style-rounded .evscs-filter-swatch-image,.evscs-filter-list .evscs-filter-swatch-color{border-radius:50%}
.evscs-filter-item:hover .evscs-filter-swatch{box-shadow:0 0 0 var(--evscs-hover-border-size) var(--evscs-hover-border)}
.evscs-filter-disabled{opacity:.4}