/**
 * AI Image Label - Frontend Styles
 *
 * Displays "Image: AI-generated" or "Image: AI-edited" overlay
 * on product gallery images.
 *
 * @package Hcc_Europe
 * @since   1.1.0
 */

.woocommerce-product-gallery__image {
    position: relative;
}

.hcc-ai-image-label {
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-size: 12px;
    line-height: 1;
    z-index: 2;
    pointer-events: none;
}

.hcc-ai-image-label--white {
    color: #ffffff;
}

.hcc-ai-image-label--black {
    color: #010101;
}

@media (max-width: 768px) {
    .hcc-ai-image-label {
        font-size: 10px;
    }
}