.hidden {
display: none !important;
visibility: hidden !important;
}
.atawc-swatches {
padding:10px 0;
}
.atawc-swatches .swatch.out_of_stock{
position:relative;
}
.atawc-swatches .swatch.out_of_stock::before,
.atawc-swatches .swatch.out_of_stock::after{
content: '';
position: absolute;
top:50%;
left:0;
background:#F00;
bottom:0px;
right:0px;
height:2px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.atawc-swatches .swatch.out_of_stock::after{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.atawc-swatches .swatch,
ul.smart_attribute.label li  a{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin-right: 15px;
cursor: pointer;
position: relative;
margin-bottom:3px;
}
.atawc-swatches .swatch-color {
text-indent: -9999px;
}
.atawc-swatches .swatch-color.tick_sign.selected:before,
.swatch.swatch-label.selected.tick_sign:before,
.swatch.swatch-image.selected.tick_sign:before{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
width: 9px;
height: 17px;
display: block;
border: solid #fff;
border-width: 0 2px 2px 0;
position: absolute;
top: 50%;
left: 50%;
margin-left:-5px;
margin-top:-10px;
}
.swatch.swatch-image.selected.tick_sign:before{
border: solid #000;
border-width: 0 2px 2px 0;
}
.atawc-swatches .swatch-label,
.swatch.swatch-label.selected.tick_sign,
.swatch.swatch-image.selected.tick_sign,
ul.smart_attribute.label li {
background-color: #f1f1f1;
}
.atawc-swatches .swatch-image {
width: auto;
height: auto;
position: relative;
}
.atawc-swatches .swatch.swatch-image:after {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: 99;
content: "";
cursor: pointer;
}
.swatch.swatch-label.round,
.atawc-swatches .swatch-color.round,
.swatch.swatch-image.round{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.swatch.swatch-label.round_corner,
.atawc-swatches .swatch-color.round_corner,
.swatch.swatch-image.round_corner{
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius: 6px;
}
.swatch.swatch-label.zoom_up.selected,
.atawc-swatches .swatch-color.zoom_up.selected,
.atawc-swatches .swatch-image.zoom_up.selected{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);   
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.swatch.swatch-label.zoom_down.selected,
.atawc-swatches .swatch-color.zoom_down.selected,
.atawc-swatches .swatch-image.zoom_down.selected{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);   
-moz-transform: scale(0.8);
transform: scale(0.8);
}
.swatch_radio{
padding-left:30px;
position:relative;
z-index:999;
margin-left:0px;
border:1px solid #F00;	
}
.swatch_radio input[type=radio]{
position:absolute;
left:-20px;
top:5px;
z-index:-1;
margin:0px;
}
.swatch{
position: relative;
}
.ed-tooltip { position:absolute;
background-color:#161616;
border-radius:5px;
padding:5px 10px;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
z-index:9999;
display:block;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-indent: 0;
bottom: calc(100% + 10px);
}
.ed-tooltip:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-width: 7px;
margin-left: -7px;
}
.swatch.swatch-label.opacity,
.atawc-swatches .swatch-color.opacity,
.atawc-swatches .swatch-image.opacity{
opacity:0.5;
}
.swatch.swatch-label.opacity.selected,
.atawc-swatches .swatch-color.opacity.selected,
.atawc-swatches .swatch-image.opacity.selected{
opacity:1;
}
#secondary ul.smart_attribute,
ul.smart_attribute{
display:block!important;
margin:0px -3px!important;
padding:0px!important;
text-align:left;
}
ul.smart_attribute li{
margin:5px;
list-style:none;
display:inline-block;
}
ul.smart_attribute.color li a.round{
text-indent:-6000px;
}
ul.smart_attribute li a.round{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
ul.smart_attribute li a.round_corner{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#secondary ul.smart_attribute.label li::before{
display:none;
}
ul.smart_attribute.label li  a{
margin-right:0px;
line-height:45px;
font-size:12px;
}
.swatch.swatch-label{
max-width:100%!important;
padding:0px 3px;
}
.smart-swatches-archive-box .quantity{
display:none!important;
visibility:hidden!important;	
}
.smart_attribute_as_widgets li .swatch{
display:block;
} .atawc-swatches {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
padding: 8px 0;
}
.atawc-swatches .swatch {
border: 2px solid transparent;
box-sizing: border-box;
border-radius: 4px;
outline: none;
position: relative;
transition: all 0.2s ease;
}
.atawc-swatches .swatch:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.atawc-swatches .swatch.selected {
border-color: #333;
box-shadow: 0 0 0 1px #333;
}
.atawc-swatches .swatch.round,
.atawc-swatches .swatch.round.selected {
border-radius: 50%;
}
.atawc-swatches .swatch.round_corner {
border-radius: 6px;
} .atawc-swatches .swatch.out_of_stock {
opacity: 0.45;
cursor: not-allowed;
}
.atawc-swatches .swatch.out_of_stock::before,
.atawc-swatches .swatch.out_of_stock::after {
background: #c00;
height: 1.5px;
} .ed-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 8px;
padding: 5px 10px;
background: #222;
color: #fff;
font-size: 12px;
line-height: 1.3;
white-space: nowrap;
border-radius: 4px;
z-index: 100;
pointer-events: none;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.ed-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-top-color: #222;
} .atawc-swatches .swatch-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
} .atawc-swatches .swatch-label {
min-width: 36px;
padding: 0 10px;
font-weight: 500;
font-size: 13px;
} @media (max-width: 480px) {
.atawc-swatches .swatch {
margin-right: 6px;
margin-bottom: 6px;
}
} .atawc-swatches .swatch-radio,
.atawc-swatches .swatch-checkbox {
display: inline-flex;
align-items: center;
gap: 6px;
width: auto !important;
height: auto !important;
min-width: auto;
padding: 4px 10px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
line-height: 1.3;
}
.atawc-swatches .swatch-radio.selected,
.atawc-swatches .swatch-checkbox.selected {
background: #333;
color: #fff;
border-color: #333;
}
.atawc-swatches .swatch-radio input,
.atawc-swatches .swatch-checkbox input {
margin: 0;
}