/* 
Theme Name: Hello Elementor Child
Theme URI: https://ecsfrance.com/
Description: thême créé pour ECS France
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementorchild
*/

/* Add your custom styles here */


/********************************************************************************************/
/* générique */
/********************************************************************************************/
body{overflow-x: hidden;} /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */
/*body > div.elementor{overflow-x: hidden;}*/ /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */

/* accessibilité */
/*a:focus {border: dotted 1px #d51224 !important;}
button:focus {border: dotted 1px #d51224 !important;}*/

/* class */
.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}

/* ins */
ins{text-decoration: none;}

/********************************************************************************************/
/* elementor */
/********************************************************************************************/
.elementor-text-editor h2{color:inherit  !important;}
.elementor-text-editor h3{color:inherit  !important;}
.elementor-text-editor h4{color:inherit  !important;}
.elementor-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-text-editor a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-text-editor p:last-child {margin-bottom:0px;}

.elementor-widget-text-editor h2{color:inherit  !important;}
.elementor-widget-text-editor h3{color:inherit  !important;}
.elementor-widget-text-editor h4{color:inherit  !important;}
.elementor-widget-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-widget-text-editor a:hover, .elementor-widget-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-widget-text-editor p:last-child {margin-bottom:0px;}
.elementor-widget-text-editor ul {margin-bottom:15px;}

.elementor-tab-content h3{color:inherit  !important;}
.elementor-tab-content h4{color:inherit  !important;}
.elementor-tab-content h5{color:inherit  !important;}
.elementor-tab-content h6{color:inherit  !important;}
.elementor-tab-content a{text-decoration: underline !important;color:inherit  !important;}
.elementor-tab-content p:last-child {margin-bottom:0px;}
.elementor-tab-content a:hover, .elementor-tab-content a:focus{text-decoration: underline dotted !important;color:inherit  !important;}

/* permet de ne pas avoir l'encadrement sur le texte lors du clic sur l'onglet des va et vient */
.elementor-toggle-title{display: block;} 

/* elementor pagination */
.elementor-pagination{padding: 20px;}
.elementor-pagination .page-numbers{font-size: 15px;line-height: 20px;padding: 10px 15px;margin: 5px;color:#FFFFFF;background: #d5c997;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers:hover{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers.current{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}

/* boucle carousel */
/* bug : les icônes de navigation ne sont pas centrées */ 
/* bug elementor : https://github.com/elementor/elementor/issues/23250 */
/*.swiper-pagination{transform: matrix(1, 0, 0, 1, 0, -15) !important;}*/
/* .swiper-pagination{transform:translate3d(0,0,0) !important;} */ /* utilisé sur cepie concept */


/********************************************************************************************/
/* theme */
/********************************************************************************************/

/* header menu 
--------------------------------------------- */

#menuHeader .e-n-menu-toggle{border: none !important}

/*#headerMenu .e-n-menu-content{top: 60px;}*/
@media screen and (max-width: 1024px){
    /* permet d'afficher tout le mega menu sur mobile */
    #menuHeader .e-n-menu-wrapper{height:calc(100vh - 90px) !important;overflow: auto !important;background: white !important;}
}
@media screen and (max-width: 767px){
    /* permet d'afficher tout le mega menu sur mobile */
    #menuHeader .e-n-menu-wrapper{height:calc(100vh - 76px) !important;}
}


/* carrousel sous categorie 
-----------------------------------------*/
/* bouton suivant et précédent */
.carrouselSousCategorie .elementor-swiper-button-prev, 
.carrouselSousCategorie .elementor-swiper-button-next
{top:calc(var(--arrow-prev-top-align) + var(--arrow-prev-top-position) - var(--arrow-prev-caption-spacing) - (10px)) !important;}
.elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled{opacity:0 !important;}
/* couleur lien */
	.divLinkSousCategorie:hover p{color: black !important;}
/* masqué le carrousel si vide */
.carrouselSousCategorie:not(:has(.swiper-slide)) {display: none;}


/* badge promo 
--------------------------------------------- */
.badgePromo{padding:3px;background:#F20B0E;font-size:16px;color:#fff;line-height: 18px;margin: 0;}


/********************************************************************************************/
/* shortcode */
/********************************************************************************************/


/* Shortcode : liste des sous-catégories d'une catégorie
-----------------------------------------*/
.listSousCategorieMenu { list-style: none; margin: 0; padding: 0; column-gap: 20px; }
.listSousCategorieMenu li { margin: 0 0 4px 0; break-inside: avoid; }
.lienSousCategorieMenu { display: flex; align-items: flex-start; text-decoration: none; }
.iconSousCategorieMenu { display: inline-flex; align-items: center; font-size: 16px; color: #f20b0e; margin-right: 8px; margin-top: 4px; }
.iconSousCategorieMenu svg { width: 1em; height: 1em; fill: currentColor; }
.titreSousCategorieMenu { color: inherit; }
.lienSousCategorieMenu:hover .titreSousCategorieMenu { color: #f20b0e; }
@media screen and (min-width: 767px) { 
    .listSousCategorieMenu--col-2, .listSousCategorieMenu--col-3 { column-count: 2; } 
}
@media screen and (min-width: 1024px) { 
    .listSousCategorieMenu--col-3 { column-count: 3; } 
}

/********************************************************************************************/
/* plugins */
/********************************************************************************************/

/* ********************************************************************/
/* formulaire gravity : formulaire */
/* ********************************************************************/
/* lien politique de confidentialité souligné */
.gform_wrapper label a{text-decoration: underline;}

/* aligner le bouton submit à droite */
body .gform_wrapper .gform_footer{justify-content: flex-end;}

/* ********************************************************************/
/* OSM elementor */
/* ********************************************************************/
/* permet de définir la largeur minimale de l'infobulle */
.leaflet-popup-content{min-width:150px;}

/* ********************************************************************/
/* woocommerce */
/* ********************************************************************/


/* bouton */
.woocommerce-button, .return-to-shop .button{background: #000000 !important;color: white !important; border: 0px !important;}
.woocommerce-button:hover, .return-to-shop .button:hover{background: #f2080f !important;color: white !important;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover{background: #E30613 !important;color: white !important;}
.woocommerce-Address > address{padding: 60px 30px 16px 30px !important;}

/* alerte */
.woocommerce-message, .woocommerce-info {border-top-color:#000000 !important;color:#000000 !important;background: #F9FAFA;}
.woocommerce-error{background: #fae0e0;}
.woocommerce-message::before, .woocommerce-info::before {color:black !important;}
.woocommerce-message .wc-forward, .woocommerce-info .wc-forward{background: #000000 !important;color: white !important;}
.woocommerce-message .wc-forward:hover, .woocommerce-info .wc-forward:hover{background: #000000 !important;color: white !important;}

/* bordure */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border: 1px solid #000000;}

/* tableau */
.woocommerce table.shop_table {border: 2px solid rgba(0,0,0,.1) !important;border-radius: 0 !important;border-collapse: collapse !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {border: 1px solid rgba(0,0,0,0.1) !important;}

/* couleur et mise en forme des mise en avant "rupture" et "promo" */
.elementor-widget-heading .elementor-widget-container .stock {margin-bottom: 0px !important; color: white !important;height: 10px !important; padding-bottom: 30px; padding-right: 10px;padding-left: 10px;padding-top: 5px;}
.elementor-widget-heading .elementor-widget-container .available-on-backorder {background: rgb(209, 136, 0);}
.elementor-widget-heading .elementor-widget-container .out-of-stock {background: #ad020d;}
.elementor-widget-heading .elementor-widget-container .in-stock {background: #4A4A49;}
.elementor-widget-heading .elementor-widget-container .manual-order{background: #4A4A49;}

/* cacher le bouton "ajouter un produit" pour les produits ayant un stock "sur commande" ou "rupture de stock" */
.prodStock-manual_order .cart, .prodStock-outofstock .cart{display: none !important;}

/* badge */
.woocommerce .elementor-widget-woocommerce-product-images span.onsale{background-color:#F20B0E;padding: 10px 10px 10px 10px;color:white;font-size:14px;line-height: 16px;border-radius: 0;min-height:0;min-width:0;}




/* mon compte
-------------------------------- */

/* menu navigation 
------------*/
.woocommerce-MyAccount-navigation li::marker {content: none;}
.woocommerce-MyAccount-navigation li {background: #fbfbfb;color: #000;margin-bottom: 20px;padding: 0;border-left: 5px solid #002E5F;-webkit-transform: scale(1) perspective(1px);transform: scale(1) perspective(1px);-webkit-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.woocommerce-MyAccount-navigation li:hover {-webkit-transform: scale(1.01) perspective(1px);transform: scale(1.01) perspective(1px);-webkit-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
    .woocommerce-MyAccount-navigation li a {color: #000;padding: 10px 15px;display: inline-block;width:100%;}
    .woocommerce-MyAccount-navigation li a:hover {color: #002E5F;}


/* bouton
------------*/

/* bouton "commander une nouvelle fois" page "commande" */
.order-again .button{background: black !important;color: white !important;}
.order-again .button:hover{background: black !important;color: white !important;}

/* bouton "sauvegarder l'adresse" page "adresse" */
.woocommerce-MyAccount-content .woocommerce-address-fields .button{background: black !important;color: white !important;}
.woocommerce-MyAccount-content .woocommerce-address-fields .button:hover{background: #002E5F !important;color: white !important;}

/* bouton "enregistrer les modifications" page "détail du compte" */
.woocommerce-EditAccountForm .woocommerce-Button{background: black !important;color: white !important;}
.woocommerce-EditAccountForm .woocommerce-Button:hover{background: #f2080f !important;color: white !important;}

/* bloc de droite
------------*/

/* bloc contenu */
.woocommerce-MyAccount-content {background: #fbfbfb;padding: 15px 25px;}
    .woocommerce-MyAccount-content a {color: #002E5F;font-weight: 700;}

/* bouton dans le tableau */
.woocommerce table.my_account_orders .button{margin-right:5px;}

/* titre */
.woocommerce-MyAccount-content .woocommerce-Address-title{margin-top:20px;}

/* div et bouton adresses de facturation et livraison */ 
.woocommerce-account .woocommerce-Addresses .col-1, .woocommerce-account .woocommerce-Addresses .col-2 {max-width: 100%;min-width: 100%;}
    .woocommerce-account .woocommerce-Address .title a {background: black !important;color: white !important;font-weight: 600;text-transform: uppercase;padding: .5rem 1rem;font-size: 1rem;border-radius: 3px;}
        .woocommerce-account .woocommerce-Address .title a :hover{background: #002E5F !important;color: white !important;}

/* Adresses de livraison additionnelles */
.thwma_my_acnt.th-custom{margin-top:20px !important;}
    .thwma_my_acnt.th-custom a {background: black !important;color: white !important;font-weight: 600;text-transform: uppercase;padding: .5rem 1rem;font-size: 1rem;border-radius: 3px;}
        .thwma_my_acnt.th-custom a:hover{background: #002E5F !important;color: white !important;}



/* liste des catégories 
-------------------------------- */

/* liste des catégories */ 
.woocommerce .product-category>a>img{border: 1px solid #F3EAEA; transition: border-top-left-radius 0.4s ease-in-out;margin-bottom: 0 !important;}
.woocommerce .product-category>a>h2{display: block;text-align: right;line-height:normal !important;border-right:1px solid black;padding:30px 15px  15px 15px !important;margin-top:-15px !important;margin-right:20px !important;text-transform: uppercase;position: relative;}
.woocommerce .product-category>a:hover>img{border: 1px solid #F3EAEA; border-top-left-radius: 40px 40px;}

/* détail d'un produit
-------------------------------- */

/* méta produit */
.product_meta .posted_in{display: none !important;}
.product_meta .tagged_as{display: none !important;}

/* input quantité */
.woocommerce .quantity .qty{width: 100px;}

/* informations complémentaires  */
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid #cfc8d8;background-color: #e9e6ed;color: #000000;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: #000000;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {text-decoration: none;color: #f20b0e ;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {color: #f20b0e ;}
#tab-description td{padding:3px;}
@media screen and (max-width: 767px){
    #tab-description table{width:100% !important;}
}

/* informations complémentaires > poids */
.woocommerce table.shop_attributes td{vertical-align: middle;padding: 5px;}

/* informations complémentaires > dimension */
.woocommerce-product-attributes-item--dimensions{display: none;}

/* page commande
-------------------------------- */
#sendcloudshipping_service_point_select{background-color: #002E5F !important;}
.woocommerce-checkout #payment div.payment_box{color:black !important;}
.woocommerce-checkout #payment div.payment_box::before{border: 1em solid #d2d8e3 !important;border-right-color: transparent !important;border-left-color: transparent !important;border-top-color: transparent !important;}

.woocommerce table.shop_table th{padding: 8px !important;}
.woocommerce table.shop_table td{padding: 8px !important;}

/* couleur des boutons
-------------------------------- */
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background-color: #ECEEF2 !important;}
.payment_box {background-color: #D2D8E3 !important;}
.checkout-button {background-color: #000000 !important;}
.checkout-button:hover {background-color: #f2080f !important;}
#place_order {background-color: black !important;}



/* modification page panier
-------------------------------- */

/* message livraison */
.msgLivraisonPanier{text-align: center;font-style:italic;}

/* bouton "mettre à jour le panier" */
.woocommerce-cart-form__contents .actions button{background: #e9e6ed !important;color:#333333 !important}
.woocommerce-cart-form__contents .actions button:hover{background: black !important;color:white !important}

/* placement du bouton continuer mes achats et mise en forme de la page */
.cart-collaterals .cart_asides {padding-bottom: 30px !important;}

.woocommerce-cart-form__cart-item{font-size: 16px !important;}
.product-name{font-size: 16px !important;}
.product-price{font-size: 16px !important;}
.product-quantity{font-size: 16px !important;}
.product-subtotal{font-size: 16px !important;}
.shop_table {font-size: 16px !important;}

/********************************************************************************************/
/* PRINT */
/********************************************************************************************/
/*
@media print {
}
*/