/**
 * Theme Name:     Enfold Child
 * Author:         Kriesi
 * Template:       enfold
 * Text Domain:	   enfold-child
 * Description:    A superflexible and responsive Business Theme by Kriesi.
 */

.product-color-switcher {
    display: flex;
    gap: 10px;
    margin: 15px 0;
}

.product-color-switcher .color-item {
    border: 2px solid transparent;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
}

.product-color-switcher .color-item.active {
    border-color: #d66a0b;
}

.product-color-switcher img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Smaller color switcher for shop loop */
.product-color-switcher--loop {
    margin-top: 8px;
    gap: 6px;

    /* CENTER ALIGN */
    justify-content: center;
}

/* Same circle style as single product, just smaller */
.product-color-switcher--loop .color-item {
    width: 26px;
    height: 26px;
    border: 2px solid transparent;
    border-radius: 50% !important;
    overflow: hidden;
}

.product-color-switcher--loop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.custom-cpt-before-related div {
	border: none !important;
}