/*
 * Hello Elementor Child - Dark products theme
 * Version: 1.0.0
 * Description: Dark products theme
 * File: /assets/css/dark-products-theme.css
 */

/* ==========================================================================
   DARK PRODUCTS THEME - Usando la classe dark-product-theme
   ========================================================================== */

/* Change to white all product elements for black background wines */
body.dark-product-theme h2,
body.dark-product-theme div,
body.dark-product-theme p,
body.dark-product-theme a,
body.dark-product-theme span {
    color: white !important;
}

body.dark-product-theme button {
    background-color: white !important;
    color: var(--e-global-color-primary) !important;
    border-color: white !important;
}

body.dark-product-theme button:hover {
    background-color: transparent !important;
    color: white !important;
    border-color: white !important;
}

body.dark-product-theme .quantity input {
    color: white !important;
    border-color: white !important;
}

body.dark-product-theme .price *,
body.dark-product-theme .cont-icone-singolo-prodotto svg *,
body.dark-product-theme .back-to-vini svg *  {
    stroke: white;
}

body.dark-product-theme .cont-main-footer img {
    filter: invert(1);
}

body.dark-product-theme .cont-icone-singolo-prodotto svg circle {
    stroke: white;
}

body.dark-product-theme .header-main .logo-header svg g,
body.dark-product-theme .logo-footer svg g {
    fill: var(--e-global-color-secondary) !important;
}

body.dark-product-theme .header-main .elementor-menu-cart__toggle_wrapper svg path {
    stroke: var(--e-global-color-secondary) !important;
}

body.dark-product-theme .header-main .cont-menu-desktop li.menu-item a {
    color: var(--e-global-color-secondary) !important;
}

body.dark-product-theme .header-main .cont-menu-desktop li.menu-item a:hover {
    color: var(--e-global-color-dc6ff84) !important;
}

body.dark-product-theme .cont-main-footer {
    border-color: white;
}

body.dark-product-theme .icon-menu-mobile-toggle svg line {
    stroke: white !important;
}

body.off-canvas-open.dark-product-theme a {
    color: var(--e-global-color-primary) !important;
}

body.off-canvas-open.dark-product-theme a:hover {
    color: var(--e-global-color-f8efda1) !important;
}

body.off-canvas-open.dark-product-theme .icon-menu-mobile-toggle svg line {
    stroke: var(--e-global-color-primary) !important;
}

/* Off-canvas open state styles */
body.off-canvas-open.dark-product-theme .header-main .elementor-menu-cart__toggle_wrapper svg path {
    stroke: var(--e-global-color-primary) !important;
}

body.off-canvas-open.dark-product-theme .header-main .logo-header svg g {
    fill: var(--e-global-color-primary) !important;
    stroke: var(--e-global-color-primary) !important;
}