/* 
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;
}
.elementor-button:hover{
	color: #FFF !important;
	transition: .3s all ease;
}
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: #00000066;
	border: 1px solid #ffffff1a;
	color: #FFF;
	margin-top: 10px;
}
.form-content input::placeholder, .form-content textarea::placeholder {
  color: rgba(225,225,225,.38);
}

#podcastTabs.nav-tabs{
	border: 0;
}
#podcastTabs.nav-tabs .nav-item .nav-link{
	background: #000;
	border: 1px solid #ffffff33;
    border-radius: 25px;
	margin-right: 20px;
	color: #fff;
	font-size: .9rem;
}
#podcastTabs.nav-tabs .nav-item .nav-link.active{
	background: #e11d48;
	color: #000;
}

#podcastContent .card{
	background: none;
	border: 0;
}

#podcastContent .card .card-title{
	font-size: 1rem;
	color: #ffff;
	font-weight: 600;
}
#podcastContent .card .card-text{
	font-size: 0.875rem;
	color: #ffffffb3;
}

.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;
}
@media (min-width: 991px) {
	.eael-tabs-nav ul{
		width: 500px ;
	}
}
.elementor-785, .elementor-element-70faba50{
	padding-left: 0;
	padding-right: 0;
}

/* Menu desktop & responsive */
a.lien-actif-custom{
	color: #E11D48 !important;
}

/* #podcast,
#contact,
#spectacle {
    scroll-margin-top: 70px; 
} */
@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;
	}
/* 	#podcast,
	#contact,
	#spectacle {
		scroll-margin-top: 60px; 
	} */
	.contentMenu{
		height: 62px;
	}
	#menu-footer-menu-secondaire-boutique,
	#menu-footer-menu,
	#menu-footer-secondaire{
		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-1488, .post-1487, .post-1489, .wp-block-woocommerce-checkout{
	padding-top: 7rem !important;
}
.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;
}

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

/* Cible le titre H2 spécifique de cette section */
.woocommerce-additional-fields h3 {
    display: none !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 */
}