/* atcos-su.css  for color swatches, underline*/

.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills {
    gap: 16px;
}


.atcos-su .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute:nth-child(2)
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pills {
    gap: 24px;
}

.atcos-su .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute:nth-child(2)
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill {
    width: 18px;
    text-align: center;
}

.atcos-su label:has(> input[name="attribute_pa_color"]),
.atcos-su .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute:not(:first-child)
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill span{
    position: relative;
}

.atcos-su label:has(> input[name="attribute_pa_color"])::after,
.atcos-su .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute:not(:first-child)
.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill span:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.4em;
    left: 0;
    height: 1px;
    background: var(--contrast-lg);
    opacity: 0;
}

.atcos-su label:has(> input[name="attribute_pa_color"])::after{
    right: 0px;
    left: 0px;
}

.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill {
    padding: 0.4em 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
}

.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:hover:not(
    :has(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:disabled)
) {
    background-color: transparent;
    /* box-shadow: inset 0 -1px 0 var(--contrast-lg-a50); */
}

.atcos-su label:hover:has(> input[name="attribute_pa_color"]:not(:disabled)):not(:has(input:checked))::after,
.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:hover:not(
    :has(.wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:disabled)) span:after{
    opacity: 0.5;
    background: var(--contrast-lg);
}

.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(
    .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:checked
) {
    color: var(--contrast-max);
    background-color: transparent;
}

.atcos-su label:has(> input[name="attribute_pa_color"]:checked)::after,
.atcos-su .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill:has(
    .wc-block-add-to-cart-with-options-variation-selector-attribute-options__pill-input:checked
) span:after{
    background-color: var(--contrast-lg);
    opacity: 1;
}