/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
/*----------------------------------------GENERAL STYLES AND CLASSES----------------------------------------*/
html,
body {
    overflow-x: hidden !important;
}

.elementor-widget-image:not(.logo) a img[src$=".svg"] {
    width: inherit !important;
}

/*DISABLE OUTLINE*/
*:focus-visible {
    outline: none !important;
}
a:hover{
	cursor:pointer;
}
.overflow-hidden,
.overflow-hidden .elementor-widget-container {
    overflow: hidden !important;
}

.height100,
.height100 .elementor-widget-container, .height100 .elementor-custom-embed {
    height: 100% !important;
}

.width100,
.width100 .elementor-widget-container {
    width: 100% !important;
}

.cta a::before {
    /*THIS EXTENDS THE LINK TO THE ENTIRE WIDGET BLOCK*/
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.pointer:hover {
    cursor: pointer;
}

.pointer-none {
    pointer-events: none;
}

/* TEXT IN FRONT OF STROKE */
* {
    paint-order: stroke;
}

/*SEPARATOR*/
.vertical-separator {
    display: flex;
    height: 100%;
    width: 1px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .sm-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
		-webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 92%, transparent);
		mask-image: linear-gradient(to right, transparent, black 0%, black 92%, transparent);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
	.nobr br{
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .md-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
}

/*CARROUSELS*/
.opacity-carrousel {
    position: relative;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.smooth-carrousel .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
/*----------------------------------------PAGE PRODUIT----------------------------------------*/
.slider-produit img{
    height: 545px;
    object-fit: contain;
    object-position: center center;
    border-radius: 20px;
    @media (max-width: 767px){
        height: 290px;
    }
}
/*----------------------------------------TEXT UTILITY CLASSES----------------------------------------*/
.text-primary {
    color: var(--e-global-color-primary);
}

.text-secondary {
    color: var(--e-global-color-secondary);
}

.text-accent {
    color: var(--e-global-color-accent);
}
.blue-b b, .blue-b strong{
	font-weight: 800 !important;
	color: #6CB6FF !important;
}
.bigger-b b, .bigger-b strong{
    font-size: calc(100%*1.25) !important;
    font-weight: 700 !important;
}
/*FIX DEFAULT LINK ELEMENTOR*/
.inherit a {
    color: inherit !important;
}
.elementor-kit-5 a{
	font-weight: inherit;
}
.underline a {
    text-decoration: underline !important;
}
strong, b{
    font-weight: 700 !important;
}
h1, h2, h3, h4, h5, h6 {
    margin-block-end: 0px;
    margin-block-start: 0px;
}
/*----------------------------------------UTILITY CLASSES----------------------------------------*/
.backdrop-blur-1 {
    backdrop-filter: blur(1px);
}
.backdrop-blur-5 {
    backdrop-filter: blur(5px);
}

.backdrop-blur-10 {
    backdrop-filter: blur(10px);
}

.backdrop-blur-15 {
    backdrop-filter: blur(15px);
}

.backdrop-blur-20 {
    backdrop-filter: blur(20px);
}
.none-mobile{
	@media (max-width: 767px) {
		display: none !important;
	}
}
.none-desktop{
	@media (min-width: 768px) {
		display: none !important;
	}
}
.flex-center{
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.elementor-widget-image a {
    display: flex;
}
/*----------------------------------------TEXTE EN GRAS SI ACTIF SUR LES ACCORDEONS----------------------------------------*/
.faq summary[aria-expanded=true] .e-n-accordion-item-title-text{
	font-weight: 700 !important;
}
/*----------------------------------------RECAPTCHA----------------------------------------*/
.grecaptcha-badge,
.grecaptcha-badge * {
    display: none !important;
}
.elementor-alert-info{
	display: none !important;
}

/*----------------------------------------HEADER----------------------------------------*/
.stickyheadersection {
	transition: background-color .4s ease;
}
.elementor-sticky--effects.stickyheadersection {
	background-color: transparent!important; /* Background color when sticky */
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}
@media (min-width:768px){
	.stickyheadersection .logo img{
		--logo-width: 166px; /* This should be the original logo height *before* being shrunk */
		--logo-shrink-to: 0.80; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
		width: var(--logo-width);
		--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
		transition: width var(--transition-timing);
	}
	.stickyheadersection.elementor-sticky--effects .logo img{
		width: calc(var(--logo-width) * var(--logo-shrink-to));
	}
}
/* Quand un méga menu enfant est actif, on supprime les radius bas du header */
#nav:has(.e-n-menu-content.e-active) {
    --border-radius: 50px 50px 0px 0px !important;
}

/* Optionnel : pour adoucir la transition à l'ouverture/fermeture */
#nav {
    transition: border-radius 0.1s ease;
}
/*BUG OVERFCLOW MEGA MENU*/
.elementor-element-d551bd8 {
    height: auto !important;
}

/* Seule la liste des liens devient scrollable, le titre reste visible */
.elementor-element-a507875 {
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    scrollbar-gutter: stable;
    padding-right: 8px !important;
}

/* Scrollbar custom (Chrome, Edge, Safari) */
.elementor-element-a507875::-webkit-scrollbar {
    width: 6px;
}
.elementor-element-a507875::-webkit-scrollbar-track {
    background: transparent;
    margin: 4px 0;
}
.elementor-element-a507875::-webkit-scrollbar-thumb {
    background: rgba(16, 55, 62, 0.25);
    border-radius: 10px;
}
.elementor-element-a507875::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 55, 62, 0.5);
}

/* Firefox */
.elementor-element-a507875 {
    scrollbar-width: thin;
    scrollbar-color: rgba(16, 55, 62, 0.25) transparent;
}
/*----------------------------------------PAGE ACCUEIL HERO SECTION---------------------------------------*/
.overlay{
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 36, 39, 0.00) -7.59%, rgba(15, 36, 39, 0.33) 46.2%, rgba(15, 36, 39, 0.50) 100%);
}
.clip-section{
    --curve-depth: 80px; /* desktop : équivalent de ton ancien 89.588% */

    clip-path: polygon(
        100% calc(100% - var(--curve-depth)),
        100% calc(100% - var(--curve-depth)),
        95.15%  calc(100% - var(--curve-depth) * 0.813),
        90.263% calc(100% - var(--curve-depth) * 0.644),
        85.34%  calc(100% - var(--curve-depth) * 0.495),
        80.382% calc(100% - var(--curve-depth) * 0.365),
        75.391% calc(100% - var(--curve-depth) * 0.254),
        70.367% calc(100% - var(--curve-depth) * 0.163),
        65.312% calc(100% - var(--curve-depth) * 0.092),
        60.227% calc(100% - var(--curve-depth) * 0.041),
        55.113% calc(100% - var(--curve-depth) * 0.010),
        49.971% 100%,
        49.971% 100%,
        44.836% calc(100% - var(--curve-depth) * 0.010),
        39.728% calc(100% - var(--curve-depth) * 0.041),
        34.649% calc(100% - var(--curve-depth) * 0.092),
        29.599% calc(100% - var(--curve-depth) * 0.163),
        24.581% calc(100% - var(--curve-depth) * 0.254),
        19.596% calc(100% - var(--curve-depth) * 0.365),
        14.644% calc(100% - var(--curve-depth) * 0.495),
        9.726%  calc(100% - var(--curve-depth) * 0.644),
        4.845%  calc(100% - var(--curve-depth) * 0.811),
        0%      calc(100% - var(--curve-depth) * 0.997),
        0% 0%,
        100% 0%,
        100% calc(100% - var(--curve-depth))
    );

    @media(max-width:768px){
        --curve-depth: 20px; /* mobile : courbe discrète comme la section verte */
    }
}
 /* 1. Le rail Owl doit être en flex pour que les enfants prennent la même hauteur */
.carousel-produit .uc_carousel .owl-stage {
    display: flex !important;
}

/* 2. Chaque item doit s'étirer sur toute la hauteur disponible */
.carousel-produit .uc_carousel .owl-item {
    display: flex;
    height: auto !important;
}

/* 3. Le conteneur intérieur de l'item s'étire aussi */
.carousel-produit .uc_carousel .owl-item > .uc_image_carousel_container_holder {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

/* 4. La carte (zone blanche) prend toute la hauteur restante */
.carousel-produit .uc_carousel .uc_image_carousel_content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /* Annule le min-height calculé en JS qui peut être faux */
    min-height: 0 !important;
}
.carousel-produit .ue-content-holder > div{
    height: 100% !important;
}
.carousel-produit .owl-carousel .owl-stage-outer, .carousel-produit .uc_image_carousel_container_holder{
    overflow: visible !important;
}
/*----------------------------------------PAGE BLOG ARTICLE SEUL---------------------------------------*/
.table-matiere .elementor-toc__header{
    display: none !important;
}
.table-matiere .elementor-toc__list-wrapper li{
    margin-bottom: 20px !important;
}
.table-matiere .elementor-toc__list-wrapper li:last-child{
    margin-bottom: 0px !important;
}
.table-matiere .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{
    font-weight: 700 !important;
}
.article-blog{
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.article-blog p{
    line-height: 166.667% !important;
}
.article-blog p, .article-blog hr, .article-blog blockquote, .article-blog img, .article-blog table {
    margin-top: 5px;
    margin-bottom: 15px;
}
.article-blog ul, .article-blog ol{
    margin-bottom: 15px;
}
.article-blog h2, .article-blog h3{
    margin-top: 15px;
    margin-bottom: 25px;
}
.article-blog figure img, .article-blog video{
    margin-top: 20px;
    border-radius: 20px;
    width: 100%;
}
.article-blog h2, .article-blog h3, .article-blog h4, .article-blog h5{
    font-family: inherit;
    font-weight: 700;
}
.article-blog h3{
    font-size: 1.5rem;
}
.article-blog blockquote{
   	color: var(--e-global-color-primary);
    font-family: inherit;
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: normal; 
    border-radius: 20px;
    background:  var(--e-global-color-accent);
    padding: 15px;
    width: 100%;
    margin-inline-start: 0px;
}
.article-blog tr:first-child td{
    background: #F7F7F7;
}
.article-blog table{
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.article-blog table tr td{
    border: none;
    padding: 15px;
    border-right: 1px solid rgba(00, 00, 00, 0.20);
}
.article-blog table tr td:last-child{
    border: none;
    padding: 15px;
    border-right: none !important;
}
.article-blog .wp-block-separator {
    border: none;
    border-top: 1px solid rgba(00, 00, 00, 0.20);
}
.article-blog .wp-element-button, .article-blog .wp-block-button__link {
    background-color: #6CB6FF !important;
    color: #fff !important;
}
/*----------------------------------------WPML----------------------------------------*/

.wpml-ls-legacy-list-horizontal a {
    padding: 0px;
    width: 20px !important;
}
.wpml-ls-legacy-list-horizontal img{
    width: 20px !important;
    margin-bottom: 3px !important;
}
.wpml-ls-legacy-list-horizontal {
    padding: 0px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*----------------------------------------SCROLLBAR CUSTOM----------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
    border-radius: 20px;
    border: 3px solid var(--e-global-color-primary);
}