/* CSS Overrides to target and eliminate any violet/blue container backgrounds on WooCommerce single product pages */

/* --- TABS SECTION (Description, reviews, details) --- */
.woocommerce-tabs,
.woocommerce-tabs .panel,
.woocommerce-Tabs-panel,
#tab-description,
#tab-reviews,
#tab-additional_information,
.elementor-widget-woocommerce-product-data-tabs .elementor-tab-content,
.elementor-widget-woocommerce-product-data-tabs .elementor-tabs-content-wrapper {
    background: rgba(0, 105, 19, 0.12) !important;
    background-color: rgba(0, 105, 19, 0.12) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 105, 19, 0.25) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 105, 19, 0.15) !important;
}

/* Tabs list styling */
.woocommerce-tabs ul.tabs,
.elementor-widget-woocommerce-product-data-tabs .elementor-tabs-wrapper {
    background: transparent !important;
    border-bottom: 2px solid rgba(0, 105, 19, 0.3) !important;
    margin-bottom: 15px !important;
}

.woocommerce-tabs ul.tabs li,
.elementor-widget-woocommerce-product-data-tabs .elementor-tab-title {
    background: rgba(0, 105, 19, 0.1) !important;
    border: 1px solid rgba(0, 105, 19, 0.2) !important;
    border-bottom: none !important;
    border-radius: 8px 8px 0 0 !important;
    margin-right: 5px !important;
}

.woocommerce-tabs ul.tabs li.active,
.elementor-widget-woocommerce-product-data-tabs .elementor-tab-title.elementor-active {
    background: #006913 !important;
    background-color: #006913 !important;
    border-color: #006913 !important;
}

.woocommerce-tabs ul.tabs li.active a,
.elementor-widget-woocommerce-product-data-tabs .elementor-tab-title.elementor-active a {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6) !important;
}

.woocommerce-tabs ul.tabs li a,
.elementor-widget-woocommerce-product-data-tabs .elementor-tab-title a {
    color: #e8f5e9 !important;
    font-weight: 600 !important;
}

/* --- PHOTO GALLERY SECTION --- */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.flex-viewport,
.images,
.elementor-widget-woocommerce-product-images,
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery {
    background: rgba(0, 105, 19, 0.08) !important;
    background-color: rgba(0, 105, 19, 0.08) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 105, 19, 0.2) !important;
    border-radius: 16px !important;
    padding: 10px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 105, 19, 0.1) !important;
}

/* --- RELATED PRODUCTS (Produits similaires) SECTION --- */
.related.products,
.up-sells.products,
.cross-sells.products,
.elementor-widget-wc-related-products,
.elementor-widget-woocommerce-product-related {
    background: rgba(0, 105, 19, 0.05) !important;
    background-color: rgba(0, 105, 19, 0.05) !important;
    border: 1px solid rgba(0, 105, 19, 0.15) !important;
    border-radius: 16px !important;
    padding: 25px 20px !important;
    margin-top: 40px !important;
    box-shadow: 0 8px 32px 0 rgba(0, 105, 19, 0.08) !important;
}

/* Force Related Product cards inside related section to match glassy green theme */
.related.products ul.products li.product,
.up-sells.products ul.products li.product,
.cross-sells.products ul.products li.product,
.elementor-widget-wc-related-products ul.products li.product {
    background: rgba(0, 105, 19, 0.12) !important;
    background-color: rgba(0, 105, 19, 0.12) !important;
    border: 1px solid rgba(0, 105, 19, 0.25) !important;
    border-radius: 12px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(0, 105, 19, 0.1) !important;
}

.related.products ul.products li.product:hover,
.up-sells.products ul.products li.product:hover,
.cross-sells.products ul.products li.product:hover,
.elementor-widget-wc-related-products ul.products li.product:hover {
    transform: translateY(-5px) !important;
    border-color: #006913 !important;
    box-shadow: 0 12px 30px rgba(0, 105, 19, 0.3) !important;
}

/* --- REVIEWS LIST AND COMmENTS --- */
#reviews #comments ol.commentlist li .comment_container {
    background: rgba(0, 105, 19, 0.08) !important;
    background-color: rgba(0, 105, 19, 0.08) !important;
    border: 1px solid rgba(0, 105, 19, 0.2) !important;
    border-radius: 12px !important;
    padding: 15px !important;
}

#review_form_wrapper {
    background: rgba(0, 105, 19, 0.06) !important;
    background-color: rgba(0, 105, 19, 0.06) !important;
    border: 1px solid rgba(0, 105, 19, 0.2) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* --- ELEMENTOR CONTAINER / COLUMNS CONTAINING THEM OVERRIDES --- */
/* Target any direct parents or background wraps holding description, photo, avis, and products similaires */
.elementor-widget-woocommerce-product-data-tabs,
.elementor-widget-woocommerce-product-images,
.elementor-widget-wc-related-products,
.elementor-widget-woocommerce-product-related {
    background: transparent !important;
    background-image: none !important;
}

/* Override any blue, violet, or deep purple background gradients specifically on elements or their wrappers on product pages */
.single-product .elementor-widget-container,
.single-product .elementor-element-populated,
.single-product .elementor-widget-woocommerce-product-images .elementor-widget-container,
.single-product .elementor-widget-woocommerce-product-data-tabs .elementor-widget-container,
.single-product .elementor-widget-woocommerce-product-related .elementor-widget-container {
    background-color: transparent !important;
    background-image: none !important;
}