/**
 * MBT Woo Colour Groups - Frontend Styles
 */

/* Product image wrapper with label overlay */
.mbt-wcg-product-image-wrapper {
    position: relative;
    display: inline-block;
}

/* Color variant label overlay */
.mbt-wcg-color-variant-label {
    position: absolute;
    top: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    z-index: 10;
    pointer-events: none;
    white-space: nowrap;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 768px) {
    .mbt-wcg-color-variant-label {
        font-size: 11px;
        padding: 3px 6px;
        top: 6px;
        right: 6px;
    }
}