/* 
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 */

#instaFeed .ti-widget *{color: #fff !important}
body{
    overflow-x: hidden; /* Masque uniquement les débordements latéraux */
    overflow-y: visible; /* Préserve le scroll vertical */
}

.grecaptcha-badge{display: none !important;}

#selectLangage{margin-top: 3.2vw; margin-right: 3vw }
#selectLangage .cpel-switcher__flag{width: 2vw; height: 1.4vw}

.glass-effect { 
    --blur-intensity: 0.5vw; --brightness-level: 97%;
    backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    -webkit-backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.15); 
    border-radius: 1.5vw;
}
#header{z-index: 100}
.elementor-slideshow__footer{display: none;}

.vigniettesCarre a{ height: 100%; margin: 0 !important; padding: 0 !important; top: 0 !important; position: absolute;}
.vigniettesCarre{ background-size: cover !important; transition:all 0.8s !important; }
.vigniettesCarre:hover{ background-size: cover !important; transition:all 0.8s !important; transform:scale(1.02); }
.hoverUnProduit{opacity: 0; transition: all 0.5s}
.hoverUnProduit{opacity: 0; transition: all 0.5s}
.e-loop-item:hover .hoverUnProduit{opacity: 1; transition: all 0.5s}

.stripe-card *{ font-size:1vw !important; margin:0; justify-content:right; text-align:right; }
.stripe-card .stripe-card__title{font-size: 0.9vw !important}
.stripe-card{padding: 1vw; box-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.2); border-radius: 0.5vw; margin-bottom: 1vw; gap:0; line-height:1;width: 30vw }
.stripe-card .stripe-card__content{flex-wrap: wrap; display: flex;}
.stripe-card .stripe-card__title{width: 100%}
.stripe-card .stripe-card__dimensions,.stripe-card .stripe-card__price{font-size: 0.9vw !important}
.stripe-card .stripe-card__dimensions{width: 100%}
.stripe-card .stripe-card__price{font-weight: 800; letter-spacing: -0.05vw; margin-top: 1vw}
.stripe-card .stripe-card__button{ background:var(--e-global-color-primary); color:#fff; text-transform:uppercase; font-weight:800; padding:0.5vw 2vw; border-radius:0.5vw; display: inline-block; margin-top: 0.5vw}
[data-elementor-type="wp-page"] {
    overflow-x: hidden; /* Masque uniquement les débordements latéraux */
    overflow-y: visible; /* Préserve le scroll vertical */
}
#articlesAssocies .e-loop-item{max-width: 50%;}
/* * Détecte s'il n'y a qu'un seul slide (ignore les balises <style> de la boucle) 
 */
#articlesAssocies:has(.swiper-slide):not(:has(.swiper-slide ~ .swiper-slide)) .swiper-wrapper {
    /* Aligne l'élément unique au centre (ou start/end selon ton besoin) */
    display: flex;
    justify-content: center;
    /* Optionnel : retire le curseur de drag ("grab") de Swiper puisqu'on ne peut pas slider */
    cursor: default;
}

/* * Masque les flèches de navigation (Inutiles pour un seul article)
 */
#articlesAssocies:has(.swiper-slide):not(:has(.swiper-slide ~ .swiper-slide)) .elementor-swiper-button {
    display: none !important;
}

/* * Ajuste la largeur de la carte unique 
 * (Par défaut, Elementor risque d'étirer l'article ou de garder sa largeur à 50% selon tes réglages)
 */
#articlesAssocies:has(.swiper-slide):not(:has(.swiper-slide ~ .swiper-slide)) .swiper-slide {
    /* Tu peux forcer une largeur maximale ici si nécessaire */
    /* width: 100% !important; */
    /* max-width: 600px; */
}



@media only screen and (max-width: 767px) {
	#articlesAssocies .e-loop-item{max-width: 100%;}
	body > header{width: 100vw; max-width: 100vw !important}
	#burger{margin-top: 1vw; margin-left: 1.5vw}
	.dialog-widget.dialog-lightbox-widget{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); background-color: rgba(255, 255, 255, 0.5);}
	#menu-2-7491703, .elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown li{background-color: transparent !important;}
	.glass-effect { 
    --blur-intensity: 0.5vw; --brightness-level: 97%;
    backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    -webkit-backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.15); 
    border-radius: 5vw;
	}
	#elementor-popup-modal-1844 .dialog-widget-content{box-shadow: none !important; overflow: visible !important;}
	#modaleMobile{}
	.elementor-popup-modal .dialog-message{overflow: visible !important;}
	.elementor-popup-modal .elementor {overflow-y: auto !important;}
	#elementor-popup-modal-1946 .dialog-widget-content{border-radius: 5vw}
	#selectLangage{margin-top: 2.3vw; margin-right: 2vw }
	#selectLangage .cpel-switcher__flag{width: 5vw; height: 3.7vw; margin-top: 12px; margin-right: 8px }
	#contenuUnPost p{padding:3vw 6vw}
	#contenuUnPost{}
	.elementor-gallery-item__content{display: none;}
	.schema-faq.wp-block-yoast-faq-block{padding: 0 5vw 0 5vw !important }
	.schema-faq-answer{margin: 0; padding: 0 !important}
	.vigniettesCarre{background-size: cover !important}
	#haut,#header{width: 100% !important}
	.elementor-widget-theme-post-content{
		h1, h2, h3, h4{padding: 0 6vw 0 6vw; font-size: 6vw !important; text-align: left; font-weight: 700}
	}
	.stripe-card{padding: 5vw; box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2); border-radius: 3vw; margin: 3vw 0 !important; gap:0; line-height:1;width: 100% }
	.stripe-card *{ font-size:5vw !important; margin:0; justify-content:right; text-align:right; }
	.stripe-card .stripe-card__dimensions,.stripe-card .stripe-card__price,.stripe-card .stripe-card__title{font-size: 4vw !important}
	.stripe-card .stripe-card__button{padding: 2vw 5vw; margin-top: 3vw}

}
@media only screen and (min-width: 767px) {
	.scroll #header {
		#haut{flex-direction: row; padding: 0.5vw 8vw 0.5vw 0.5vw; transition: all 0.3s}
		#contact{ margin:1.5vw 4vw 0 0;transition: all 0.3s }
		#logo *{ font-size:2vw !important; margin-top:0.7vw;margin-left: 0.5vw; line-height:1; margin-bottom:-0.2vw;transition: all 0.3s}
		#baseLigne *{font-size: 1.5vw; transition: all 0.3s; padding: 0 !important; margin: 0 !important}
		#baseLigne{padding: 1vw !important;}
	}
	.scroll #header {
		#selectLangage{margin-top: 1.7vw; margin-right: 1vw;transition: all 0.3s}
	}

}