/* Enwell Brands - Frontend Styles */

/* Campaign Badge Styles - completely isolated from layout */
.enwell-campaign-badge {
    pointer-events: none !important;
    position: absolute !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
    clear: none !important;
    text-align: left !important;
}

/* CRITICAL: Force product grid and items to stay within boundaries */
/* This fixes mobile layout where items extend beyond their grid column */
.products-grid {
    overflow: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.products-grid .product-item {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important; /* Override any min-width that could cause overflow */
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Ensure all child elements also respect boundaries */
.products-grid .product-item * {
    max-width: 100%;
    box-sizing: border-box;
}

/* Contain badges within product image containers */
.products-grid .product-image {
    overflow: hidden !important;
    position: relative;
}

/* Hover effect on product cards - desktop only */
@media screen and (min-width: 769px) {
    .woocommerce ul.products li.product:hover .enwell-campaign-badge,
    .woocommerce-page ul.products li.product:hover .enwell-campaign-badge {
        transform: scale(1.05);
        transition: transform 0.2s ease;
    }
}

/* Single product gallery positioning */
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
    position: relative;
}

.woocommerce div.product div.images .woocommerce-product-gallery,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    position: relative;
}

/* Single product badge positioning */
.enwell-campaign-badge-single {
    z-index: 100;
}