/* 
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 */
body{
	background: rgba(11,11,11,1) !important;
	font-family: Inter, system-ui, sans-serif;
}
#content{
	padding-top: 4rem;
}
.elementor-button:hover{
	color: #FFF !important;
	transition: .3s all ease;
}
.single_variation_wrap a{
	color: #ffffff !important;
	margin-bottom: 2.5rem !important;
}
footer {
	background: rgba(11,11,11,1) !important;
}
.infosTop{
	text-transform: uppercase;
	font-size: .7rem;
	letter-spacing: 1px;
}
h1{
	line-height: 1;
	margin-bottom: 0;
}
@media (max-width: 992px){
	h1{
		font-size: 1.75rem !important;
	}
	h2{
		font-size: 1.5rem !important;
	}	
	h3{
		font-size: 1.25rem !important;
	}
	
	h4, h5, h6{
		font-size: 1rem !important;
	}
}
a.hfe-menu-item {
    font-size: .8rem;
	letter-spacing: 0.52px;
	font-weight: 600;
}
.contact-form-content, .form-content{
	position: relative;
}
.form-content *{
	position: relative;
	width: 100%;
}
.form-content div {
  width: 100%;
}
.form-content .col-2{
	position: relative;
	display: flex;
}
.form-content .col-2 div:nth-child(even){
	position: relative;
	padding-left: 10px;
}
.form-content .col-2 div:nth-child(odd){
	position: relative;
	padding-right: 10px;
}
.form-content input, .form-content textarea{
	position: relative;
	border-radius: 7px;
	background: #ffffffd6;
	border: 1px solid #ffffff1a;
	color: #000;
	margin-top: 10px;
}
.form-content input::placeholder, .form-content textarea::placeholder {
  color: rgba(0,0,0,.5);
}

.elementor-social-icons-wrapper a.elementor-icon{
	background-color: #FFFFFF1A !important;
}
.elementor-social-icons-wrapper a.elementor-icon svg{
	fill: #ffffffcf !important;
}

.ytp-cued-thumbnail-overlay-image{
	border-radius: 20px;
    background-size: cover;
    border: 1px solid #ffffff78;
    overflow: hidden;	
}

.sb_instagram_header{
	display: none;
	width: 0;
	height: 0;
}


.contentBtn p{
	display: flex;
	align-items: center;
}
.linkBtn{
	display: flex;
    width: 110px;
    text-align: center;
    background: #e11d48;
    color: #0B0B0B;
    height: 41px;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
	border-radius: 2px;
}
.linkBtn:hover{
	color: #0B0B0B;
}
.bannerImg{
	opacity: .35;
	height: 100%;
}
@media (min-width: 991px) {
	.related .woocommerce-loop-product__title{
		height: 52px;
	}
	.eael-tabs-nav ul{
		width: 500px ;
	}
	.right{
		float: right !important;
		margin-left: auto;
	}
	.navMenu, #menu-menu-principal{
		width: 100% !important;
	}
}
.elementor-785, .elementor-element-70faba50{
	padding-left: 0;
	padding-right: 0;
}
/* FAQ */
.elementor-kit-6 h5{
	color: #fff;
}
/* Menu desktop & responsive */
a.lien-actif-custom{
	color: #E11D48 !important;
}
#customer_details .col-1{	
	width: 100% !important;
}
.woocommerce table.my_account_orders .button{
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}
#menu-footer-menu-secondary-1 li:last-child a{
	color: #fff !important;
}
@media (max-width: 992px) {
	.elementor-widget-eael-simple-menu.eael-hamburger--tablet.eael-hamburger--responsive .eael-simple-menu-container.preset-2 .eael-simple-menu.eael-simple-menu-horizontal{
		background-color: #FFF !important;
	}
	#podcast{
		padding-bottom: 30px;
	}
	nav li .eael-item-active{
		color: #000 !important;
	}
	#menu-menu-principal .menu-item a{
		color: #000 !important;
	}
	.wpmenucartli i{
		color: #000 !important;
	}
	.menu-item.wpmenucartli.wpmenucart-display-standard{
		text-align: center; 
	}	
	.menu-item.wpmenucartli.wpmenucart-display-standard a{
		border: none !important;
	}
	.contentMenu{
		height: 62px;
	}
	#menu-footer-menu, #menu-footer-menu-secondary-1{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
#menu-footer-menu-secondaire-boutique li,
#menu-footer-menu li,
#menu-footer-secondaire li,
#menu-footer-menu-secondaire-boutique li .eael-item-active,
#menu-footer-menu li .eael-item-active,
#menu-footer-secondaire li .eael-item-active{
	background-color: #000 !important;	
}
#sb_instagram.sbi_palette_custom_3 #sbi_load .sbi_follow_btn a{
	color: #fff !important;
}

#sb_instagram.sbi_palette_custom_3 #sbi_load .sbi_follow_btn a{
	color: #E11D48;
	font-size: 1rem;
}
input[type=button], input[type=submit], button{
	color: #0B0B0B;
	font-size: 1rem;
    background-color: #E11D48;
    border: 0;
}
input[type=submit]:hover{
    background-color: #E11D48;
}


/* Woocommerce Product */
/* .content-area, .post-12, .post-13, .post-14, .post-184, .wp-block-woocommerce-checkout{
	padding-top: 7rem !important;
} */

#primary{
	padding-top: 7rem;
}
.woocommerce-MyAccount-navigation{
	margin-bottom: 1rem;
}
.post-1488 h3{
	color : #FFF !important;
}
.page-content{
	min-height: calc(100vh - (6rem + 230px));
}
.button.add_to_cart_button{
	background-color: #e11d48 !important;
	color: #fff !important;
    font-weight: 400 !important;
	text-decoration: none !important; 
	text-transform: uppercase !important; 
}
.variations{
	background: #000;
}
.price{
	color: #fff !important;
}
.wp-block-woocommerce-checkout-order-note-block{
	display: none !important;
}
.wc-block-components-button{
	background: #00d66f !important;
	border-radius: 3px;
	color: #FFF !important;
	border: none !important;
	text-decoration: none !important; 
	text-transform: uppercase !important; 
}
.woocommerce-loop-product__title{	
    font-weight: 400 !important;
}
.woocommerce div.product{
	display: flex;
	flex-flow: row wrap;
}
.woocommerce div.product div.images.woocommerce-product-gallery{
	width: 50%;
}
.woocommerce div.product div.summary{
	width: 50%;
	padding-left: 2rem;
}
.single_variation_wrap a{
	display: inline-block;
	font-size: 1.25rem;
	margin-bottom: .5rem;
}
.woocommerce-products-header__title.page-title{
	margin-bottom: 1rem;
	display: none;
}
.wc-block-components-product-name{
	color: #FFF !important;
	text-decoration: none !important;
}
.p-PaymentAccordionButtonIcon{
	fill: #FFF;
}
.p-PaymentAccordionButtonIcon:hover{
	fill: #e11d48; 
}
.visuallyhidden{
	font-size: 0px !important;
}
@media (max-width: 992px){	
	.alignwide{
		margin: auto;
	}
	.button.wc-forward{
		margin-top: 10px;
	}
	.single_variation_wrap a{
		font-size: 1rem;
	}
	.woocommerce div.product{
		flex-direction: column;
	}	
	.woocommerce div.product div.summary,
	.woocommerce div.product div.images.woocommerce-product-gallery{
		width: 100%;
		padding-left: 0;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
		font-size: 12px;
	}
	.woocommerce-loop-product__title{
		font-size: 1rem !important;
	}
	.woocommerce ul.products li.product .button{
		font-size: .8rem !important;
	}
}
.woocommerce-tabs.wc-tabs-wrapper{
	width: 100%;
}
.woocommerce div.product form.cart .variations select{
	color: #FFF !important;
	background: #131313;
}
.woocommerce div.product form.cart .button{
	background-color: #e11d48 !important;
	padding: 13px 25px;
	font-weight: 400;
}

/* --- Masque le menu de tri de la boutique WooCommerce --- */
/* Cible le menu déroulant de tri ("Trier par...") */
.woocommerce-ordering {
    display: none !important;
}
.product_meta{
	display: none !important;
}
/* Cible le texte "Affichage de 1-16 de X résultats" */
.woocommerce-result-count {
    display: none !important;
}

/* --- Style pour les nouvelles cases à cocher (Opt-in) --- */

/* Cible le conteneur que nous avons créé */
.mon-custom-optins {
    /* Ajoute une ligne de séparation au-dessus */
    border-top: 1px solid #555; 
    padding-top: 20px; /* Ajoute de l'espace au-dessus */
    margin-top: 20px;  /* Ajoute de l'espace sous les champs d'adresse */
}

/* Cible le texte (label) de chaque case */
.mon-custom-optins .form-row label {
    /* Mettez la couleur qui correspond à votre thème */
    color: #FFFFFF; 
    font-size: 0.9em; /* Un peu plus petit */
    line-height: 1.4; /* Améliore la lisibilité si le texte passe à la ligne */
}

/* Cible la case à cocher elle-même */
.mon-custom-optins .form-row input[type="checkbox"] {
    /* Aligne la case verticalement avec le début du texte */
    vertical-align: middle; 
    
    /* Ajoute un peu d'espace entre la case et le texte */
    margin-right: 10px;
    
    /* Optionnel: Agrandit un peu la case */
    width: 16px;
    height: 16px;
}

.woocommerce-form__label:has(data-automation-id="woo-commerce-subscription-opt-in"){
	border-top: 1px solid #555;
}

/* --- Masque le titre "Informations complémentaires" --- */

/* Cible le titre H2 spécifique de cette section */
.woocommerce-additional-fields h3 {
    display: none !important;
}
#content{
	padding-top: 7rem !important;
}
#content.post-501{
	padding-top: 4rem !important;
}

/* Au cas où le champ serait encore là, on cache toute la section */
.woocommerce-additional-fields {
    display: none !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	background: #2fa73f;
    padding: 10px 47px;
    width: auto;
    height: 45px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
}

iframe .Label{
	color: #000 !important;
}

/* --- Style du Badge Panier (Bulle Rouge) --- */

/* 1. On prépare le conteneur (le lien) */
.wpmenucartli a {
    position: relative !important;
    display: inline-block !important;
}

/* 2. On transforme le chiffre (.cartcontents) en bulle */
.wpmenucartli .cartcontents {
    position: absolute !important;
    top: 7px; 
    right: 5px;
    background-color: #c36;
    color: #ffffff;
    border-radius: 50%; 
    font-size: 10px;
    font-weight: normal;
    width: 25px;
    height: 25px;
	padding-left: 3px;
    line-height: 24px;
    text-align: center;    
    z-index: 100;
}

/* 3. (Optionnel) Ajuster la taille de l'icône du panier */
.wpmenucartli i {
    font-size: 20px;
    color: #fff; /* Couleur de l'icône */
}

/* --- FORCE LE THEME CLAIR SUR PANIER, COMMANDE & COMPTE --- */

/* 1. Changer le fond de la page et la couleur du texte principal */
body.woocommerce-cart, 
body.woocommerce-checkout, 
body.woocommerce-account {
    background-color: #ffffff !important; /* Fond Blanc */
    color: #333333 !important; /* Texte Gris foncé */
}
body.woocommerce-cart .price , 
body.woocommerce-checkout .price , 
body.woocommerce-account .price  {
    color: #333333 !important; /* Texte Gris foncé */
}
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-account .wc-block-components-product-name{
	color: #333333 !important; /* Texte Gris foncé */
}

/* 2. Changer la couleur des Titres (H1, H2, H3...) en noir */
body.woocommerce-cart h1, body.woocommerce-cart h2, body.woocommerce-cart h3,
body.woocommerce-checkout h1, body.woocommerce-checkout h2, body.woocommerce-checkout h3,
body.woocommerce-account h1, body.woocommerce-account h2, body.woocommerce-account h3,
body.woocommerce-account legend {
    color: #000000 !important;
}

/* 3. Réparer les champs de formulaire (Inputs) 
   IMPORTANT : Sinon vous aurez du texte blanc sur fond blanc ! */
body.woocommerce-cart input, body.woocommerce-cart textarea, body.woocommerce-cart select,
body.woocommerce-checkout input, body.woocommerce-checkout textarea, body.woocommerce-checkout select,
body.woocommerce-account input, body.woocommerce-account textarea, body.woocommerce-account select,
.select2-container--default .select2-selection--single {
    background-color: #f0f0f0 !important; /* Fond gris très clair pour les champs */
    color: #000000 !important; /* Texte noir quand on écrit */
    border: 1px solid #cccccc !important;
}

/* 4. Changer la couleur des liens et paragraphes */
body.woocommerce-cart a,
body.woocommerce-checkout a,
body.woocommerce-account a {
    color: #000000; /* Liens en noir ou bleu foncé selon votre goût */
}

/* 5. Gérer les blocs "Votre commande" qui ont souvent des bordures */
.woocommerce-checkout #order_review, 
.woocommerce-checkout #order_review_heading {
    border-color: #dddddd !important;
    background-color: #f9f9f9 !important; /* Léger fond pour distinguer le récapitulatif */
    padding: 20px;
}

form.woocommerce-ResetPassword.lost_reset_password{
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem 1.5rem;
	border: 1px solid rgba(150,150,150,.46);
	border-radius: 5px;
}
form.woocommerce-ResetPassword.lost_reset_password p:first-child{
	text-align: center;
}
form.woocommerce-ResetPassword.lost_reset_password p{
	width: 100%;
	float: none !important;
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
	padding-left: 4px;
}
.woocommerce-account-fields .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
	padding-left: 0;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox #mailpoet_woocommerce_checkout_optin{
	margin-right: 8px;
}

/* 1. On cache le texte original "Total estimé" */
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
    font-size: 0 !important; /* Réduit la taille du texte à 0 */
}

/* 2. On injecte le nouveau mot "Total" */
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {
	display: block;
    content: "Total";       /* Le nouveau texte */
    font-size: 16px;        /* Remet une taille normale (ajustez si besoin) */
    visibility: visible;
}

/* Ajustement visuel pour les champs sur 2 colonnes */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 48% !important; /* Garde un petit espace entre les deux */
}

.woocommerce-checkout .form-row-first {
    float: left;
    margin-right: 4%;
}

.woocommerce-checkout .form-row-last {
    float: right;
    margin-right: 0;
}

/* Pour s'assurer que ça reste empilé sur mobile */
@media (max-width: 768px) {
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100% !important;
        float: none;
        margin-right: 0;
    }
}

/* ---------------------------
 * Mise en forme espace client
 * --------------------------- */
.woocommerce-MyAccount-navigation ul{
	list-style: none;
	padding: 0;
	padding-right: 20px
}
@media (max-width: 768px){
	.woocommerce-MyAccount-navigation ul{
		padding-right: 0
	}
}
.woocommerce-MyAccount-navigation ul li:first-child{
	border-top: 1px solid #0000002e;
}
.woocommerce-MyAccount-navigation ul li{
	padding: 3px 0 3px 15px;
	background: #c2c2c217;
	border-bottom: 1px solid #0000002e;	
}
.woocommerce-MyAccount-navigation ul li.is-active{
	background: #FFF;
}
.woocommerce-MyAccount-navigation ul li a{
	display: block;
	text-decoration: none;
}