/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
#header{backdrop-filter: blur(10px);}
.scroll #header{flex-direction: row; min-height: 4vw; align-items: center; justify-content: center;}
#header:before{display: none;}
.home #header:before{display: block;}
.scroll #header:before{display: block; background-color: rgb(255 255 255);opacity: 0.8 !important}

.scroll #logo svg{width: 8vw;}
.scroll header,.home #header{position: fixed; top: 0; width: 100%; z-index: 200}
.scroll header{}
.scroll #logo{position: absolute; left: 1vw; top: 0vw; height: 4vw !important}
.elementor-icon-wrapper,.elementor-icon{height: max-content !important}
svg{height: 1vw !important}
.scroll #logo img{height: 2vw !important}
.elementor-widget-image a img[src$=".svg"]{width: 100% !important;}
.scroll #logo div{margin: 0}
.scroll #logo a{height: 4vw !important; display: flex; align-items: center; width: max-content !important;}
.home #navigation a{color: #fff}
.home.scroll #navigation a{color: var(--e-global-color-secondary);}
.home #navigation .current-menu-item a{color: var(--e-global-color-b087031);}

#loged{display:none}
.logged-in #loged{display: flex !important}
.logged-in #notloged{display: none !important}

.home #navClient svg{fill: #fff;}
.home #navClient>div:hover svg{fill: var(--e-global-color-b087031);}
#navigation a:hover{color: var(--e-global-color-b087031) !important;}
.scroll.home #navClient svg{fill: var(--e-global-color-secondary);}
.elementor-menu-cart__toggle .elementor-button:hover{background-color: transparent !important; border-color: transparent !important;}
.elementor-menu-cart__toggle .elementor-button{border: 0 !important}
#navClient{margin-right: 1vw; width: max-content !important}
#navClient .elementor-icon-wrapper,#navClient .elementor-icon,#navClient .elementor-widget-woocommerce-menu-cart,#navClient .elementor-menu-cart__toggle{height: 4vw !important}
#navClient .elementor-icon,#navClient .elementor-menu-cart__toggle{display: flex; align-items: center;}
#navClient .elementor-widget-woocommerce-menu-cart{}
#navClient>div{padding:0 0.3vw !important}
#navClient{z-index: 2000;}

#attributsFiche .elementor-element .elementor-widget-container>div{display: flex; justify-content: space-between; font-weight: 600; border-bottom: solid 0.2px; padding: 0.2vw 1vw}
#attributsFiche>.elementor-element:last-child()>.elementor-widget-container>div {border: none !important;}
#attributsFiche .elementor-element .elementor-widget-container>div span{font-weight: 200}
#blockStiky.elementor-sticky--active{ background-color:rgba(255, 255, 255, 0.8); top:4vw !important; left:0 !important; width:100% !important; flex-direction:row; border-bottom:solid 1px #ccc; justify-content:space-around; align-items:center;backdrop-filter: blur(10px); }
.elementor-sticky--active .aMasquerScroll{display: none;}
.elementor-sticky--active #addToCart{display: flex; align-self: center;}
#blockStiky.elementor-sticky--active p{margin: 0}

#.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{display: none !important;}
.single .woocommerce-notices-wrapper{display: none !important;}
.single #titre{}
.single #marque{margin-top: 0.5vw}
.single #prix .woocommerce-Price-amount.amount{color:var(--e-global-color-secondary); font-size: 1vw; line-height: 1vw; }
.single #prix *{border: none !important;}
.woocommerce div.product p.price del bdi, .woocommerce div.product span.price del bdi{text-decoration: line-through !important;}
.single #prix {margin: 1vw 0 0}
.single #prix del bdi{font-size: 1.5vw; font-weight: 400; margin-right: 0.5vw}
.single #prix ins bdi{ color: var(--e-global-color-b087031); font-size: 2em}

.single #stock{padding:0 1vw; border: solid 1px var(--e-global-color-aff36c1);border-radius: 5px; margin-top: 0.5vw; margin-bottom: 2vw}
.single #delais{}
.single #descriptif{}
.elementor-icon i, .elementor-icon svg{ height: auto !important; width: 2vw}
#navClient .elementor-icon i,#navClient .elementor-icon svg,#navClient .elementor-button-icon svg{ width: 1.5vw}
#navClient .elementor-button-icon svg{height: 2vw !important}
#cartoucheLivraison{overflow: hidden;}
.elementor-widget-image a{height: 100% !important;width: 100% !important;}
.single .prixUnit>div>div{margin-bottom: 0vw; font-weight: 600;}
.single .prixUnit>div>div span{font-weight: 300}
.single .compatible>div{display: none;}
p{margin: 0}
#camion svg{width: 100%}
#chevron svg{width: 4vw}
.compatibletitre{display: none;}
.product_tag-cheminee .compatible>div.cheminee,.product_tag-insert .compatible>div.insert,.product_tag-poele .compatible>div.poele,.product_tag-poele .compatibletitre,.product_tag-insert .compatibletitre,.product_tag-cheminee .compatibletitre{display: block;}
.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{top: -0.1vw !important; font-size: 0.6vw !important}


button, input, optgroup, select, textarea{font-size: 1vw}
:is(.elementor-widget-wc-add-to-cart,.woocommerce div.product .elementor-widget-wc-add-to-cart) .quantity .qty{width: max-content !important}
.elementor-button span{line-height: 1.2vw}
button.single_add_to_cart_button span{font-size: 1.5vw}
.wpforms-field-address div:nth-child(2){display: none;}
.wpforms-field-address fieldset{display: flex !important; width: 100% !important}
.wpforms-field-address div{width: 50% !important}
.wpforms-field-address div:nth-child(1){width: 100% !important}
.wpforms-field-address fieldset div:nth-child(2){width: 100% !important}
.wpforms-field-address fieldset{flex-wrap: wrap;}
.wpforms-field-address fieldset div:nth-child(4){margin-right: 0 !important}
.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:only-child{padding-right: 0 !important}
#modalContact #contacts li{justify-content: center !important;}
:is(.e-loop-item .elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .e-loop-item .elementor-widget-woocommerce-product-add-to-cart) .added_to_cart{display: none !important;}
:is(.e-loop-item .elementor-widget-woocommerce-product-add-to-cart,.woocommerce div.product .e-loop-item .elementor-widget-woocommerce-product-add-to-cart) form.cart .button{background-color: var(--e-global-color-b087031)!important;}
.itemProduit .cart.e-loop-add-to-cart-form a svg{color: #fff !important; fill:#fff !important; margin-right: 0.2vw !important; width: 2vw !important; height: 2vw !important}
.itemProduit .cart.e-loop-add-to-cart-form a {padding: 0.5vw !important;}
.itemProduit .cart.e-loop-add-to-cart-form a.added svg{display: none !important;}
.itemProduit .cart.e-loop-add-to-cart-form a.added:after{margin: 0 !important;}

.itemProduit .addToCart,.itemProduit .itemTitre{margin-bottom: 0.5vw !important}
.itemTitre .blockBas{margin-top: 1vw !important}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added::after, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.added::after, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.added::after{color: #fff !important;}
.elementor-menu-cart__main{width: 25vw !important}
.sliderproduits, .sliderproduits .swiper,.swiper{overflow: visible !important;}
.itemVignette,.itemVignette a{width: 100%; height: 15vw;}
.itemVignette img{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.itemProduit{overflow: hidden;}
.itemProduit .itemTitre{line-height: 0 !important; font-size: 0vw !important}
.itemProduit .itemTitre h2 {font-size: 1vw !important}
.itemProduit p{line-height: 1.2; font-size: 0.9vw;}
#addToCart{display: none;}