/* Nathan */
.add_to_cart_button,
.ajax_add_to_cart {
    touch-action: manipulation;
}

/* Smooth image transitions for color swatches */
.wp-post-image, .attachment-woocommerce_thumbnail {
    transition: opacity 0.3s ease-in-out;
}

.simple_swatches-options-archive{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0 10px 0;
}
.simple_swatches-options-archive.product-page-swatches > .color-tooltip{
	height: 40px !important;
}
.simple-swatches-color-option{
    height: 40px;
    width: 40px;
    display: flex;
    cursor: pointer;
    border: 1px solid white;
    border-radius: 2px;
}
.option-category{
    height: 25px !important;
    width: 25px !important;
    border: 1px solid white;
    border-radius: 2px;
}
.simple-swatches-color-option.no-events{
    pointer-events: none;
}
.simple-swatches-color-option:hover{
    box-shadow: 0px 0px 0px 2px #ee2d33 ;
}
.simple-swatches-color-option img{
    max-width:40px;
    max-height: 40px;
}
.simple-swatches-color-option-category img{
    max-width: 25px;
    max-height: 25px;
}
.selected-swatch{
    box-shadow:  0px 0px 0px 1px white, 0px 0px 0px 2px black;
}
.radio-select-option{
    visibility: hidden;
}
.color-tooltip{
    position: relative;
    cursor: pointer;
    height: 25px;
}
.tooltip-text{
    min-width: 50px;
    text-align: center;
    visibility: hidden;
    background: black;
    color: white;
    padding: 5px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -150%);
    white-space: nowrap;
    border-radius: 5px;
}
.tooltip-text::before{
    content:"";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translateX(-50%) rotate(45deg);
    border: 15px solid black;
}
.color-tooltip:hover .tooltip-text{
    visibility: visible;
}
.color-selected-label{
    margin: 0;
}

@media(max-width: 767px){
    .tooltip-text{
        display: none;
    }
    
}