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

.grecaptcha-badge{
	display:none;
}

/*header*/
/* Par défaut, header transparent */

.page-id-11 .header-accueil, .page-id-2474 .header-accueil, .page-id-2922 .header-accueil, .page-id-4891 .header-accueil {
  background-color: transparent!important;
  transition: background-color 0.3s ease;
}

.page-id-11 .header-accueil.scrolled, .page-id-2474 .header-accueil.scrolled, .page-id-2922 .header-accueil.scrolled, .page-id-4891 .header-accueil.scrolled {
  background-color: #191D2F!important; /* couleur d’origine */
}

.page-id-11 .header-accueil-top, .page-id-2474 .header-accueil-top, .page-id-2922 .header-accueil-top, .page-id-4891 .header-accueil-top {
  background-color: #00000044!important;
  transition: background-color 0.3s ease;
}

.page-id-11 .header-accueil-top.scrolled, .page-id-2474 .header-accueil-top.scrolled, .page-id-2922 .header-accueil-top.scrolled, .page-id-4891 .header-accueil-top.scrolled {
  background-color: #151722!important; /* ou ta couleur pour cet élément */
}





/*BTN*/

.btn-1:hover .elementor-button-icon path{
    fill: #FFD301;
}

.btn-1 .elementor-button-icon{
    margin-top: -3px;
}

.white path{
    fill: #FFFFFF;
}

.dark path{
    fill: #191D2F;
}


/*TITRES*/
.txt-color{
    color: #0089D0;
}

.txt-color-yellow{
    color: #FFD301;
}



/**---------HOME------------*/

/*compteur*/
.elementor-counter .elementor-counter-number-prefix{
    font-size: 33px;
    color: #FFD301;
    align-content: center;
    margin-right: 5px;

}

.elementor-counter-title{
    text-align: center!important;
    line-height: 19px!important;
}



/*PAGE PRODUITS*/
.gallery-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    background-position: center;
}




/*CONTACT*/

#short-contact-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#short-contact-form p:nth-child(1), #short-contact-form p:nth-child(2), #short-contact-form p:nth-child(3), #short-contact-form p:nth-child(4), #short-contact-form p:nth-child(5), #short-contact-form p:nth-child(6),#short-contact-form p:nth-child(7), #short-contact-form p:nth-child(8), #commentform p.comment-form-author, #commentform p.comment-form-email{
	width: 48%;
    display: inline-block;
}

#short-contact-form p:nth-child(9), #short-contact-form p:nth-child(10){
    width:100%;
}

div#short-contact-form p:nth-child(1), div#short-contact-form p:nth-child(3), div#short-contact-form p:nth-child(5), div#short-contact-form p:nth-child(7), #commentform p.comment-form-author{
	margin-right: 3%;
}

input[type=email], input[type=text], select, textarea, input[type=tel]{
	width: 100%;
	border:none;
	background-color:#F4F4F4;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    padding: 0.5rem 1rem;
    transition: all .3s;
	font-weight: 300;
	padding: 15px;
    margin-bottom: 20px;
	outline : none;
	font-size : 14.5px;
	font-family : var(--e-global-typography-text-font-family);
}


a.politique-lien{
	color: var(--e-global-color-accent);
}

select {
	color: #676767;
}

.checkbox-contact {
	font-family : var(--e-global-typography-text-font-family);
	font-size: 13px;
	font-weight : 400;
    color: #a9a9a9;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color: none;
}
     
#bouton{ 
    background-color: var(--e-global-color-primary)!important; 
    color: #fff!important; 
	border: 0;
	border-radius:10px;
	font-family: var(--e-global-typography-b9b460d-font-family);
    font-size: var(--e-global-typography-b9b460d-font-size);
	font-weight:600;
	text-transform: uppercase;
    text-decoration: none;
} 

#bouton:hover{ 
    background-color: var(--e-global-color-secondary)!important; 
    color: #FFF!important; 
} 

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 30px 0;
    font-weight: 500;
    color: #000;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border-color: #0089D0;
    border-radius: 10px;
}

#bouton {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* espace entre texte et image */
  padding: 10px 16px;
  background-color: #333; /* exemple */
  color: white;
  border: none;
  cursor: pointer;
}

#bouton img {
  width: 13px;
  height: 13px;
  display: block;
}


/*Newsletter*/

#newsletter{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#newsletter p:nth-child(2), #newsletter p:nth-child(3), #newsletter p:nth-child(4), #newsletter p:nth-child(5){
	width: 48%;
    display: inline-block;
}

#newsletter p:nth-child(1){
    width:100%;
}

.newsletter-bouton p{
    text-align:center!important;
}


/*Contact pop up*/

.question-pop-up #short-contact-form p {
    margin:0!important;
}

.question-pop-up #short-contact-form input[type=email], .question-pop-up #short-contact-form input[type=text], .question-pop-up #short-contact-form select, .question-pop-up #short-contact-form textarea, .question-pop-up #short-contact-form input[type=tel]{
    font-size: 11px!important;
    padding: 6px!important;
    margin:3px!important;
}

.question-pop-up p.checkbox-contact{
    font-size:11px!important;
    line-height: 11px!important;
}


.question-pop-up #short-contact-form textarea{
    height:50px!important;
}


.question-pop-up #short-contact-form .wpcf7-not-valid-tip, .question-pop-up .wpcf7 form.invalid .wpcf7-response-output, .question-pop-up .wpcf7 form.unaccepted .wpcf7-response-output, .question-pop-up .wpcf7 form.payment-required .wpcf7-response-output{
    font-size: 9px!important;
}

.question-pop-up #bouton{
    font-size: 10px!important;
    padding : 9px 12px!important;
}

.question-pop-up #bouton img {
    width: 10px;
    height: 10px;
}


/*PRODUITS*/
.produit:hover img{
    transform: scale(.95);
    transition: transform 0.3s ease-in-out;
}

.post-tags {
    display: none;
}

.ancre-offset {
  position: relative;
  top: -100px; /* ton offset souhaité */
  height: 0;
  visibility: hidden;
}


/*HISTOIRE*/

.twae-wrapper .twae-media img{
	height: 390px!important;
    border-radius: 20px !important;
}

.twae-wrapper .twae-label-small{
    white-space: break-spaces!important;
}

.twae-horizontal-timeline.twae-wrapper .twae-labels{
    width: 100%!important;
    height: 55px!important;
    justify-content: flex-start!important;
}

.twae-horizontal-timeline.twae-wrapper .twae-button-next, .twae-horizontal-timeline.twae-wrapper .twae-button-prev{
   top: calc(200px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 20px + var(--tw-ibx-size) - var(--nav-icon-height) * .5)!important;
    font-size: 35px!important;
}


.twae-wrapper .twae-content{
    box-shadow: none!important;
}


/*ARTCILES*/

.sidebar-post .elementor-posts .elementor-post__text{
    justify-content: center;
}

.elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
    height: 100%;
    object-fit: cover;
}

.elementor-post__thumbnail{
    height:100%;
}

/*LANGUE SWITCHER*/

.cpel-switcher--layout-dropdown .cpel-switcher__lang a{
    background-color:transparent!important;
}

span.cpel-switcher__name {
    color: #fff;
    font-family: 'Albert Sans';
    text-transform: uppercase;
}

.pop-up span.cpel-switcher__name {
    color: #000;
    font-family: 'Albert Sans';
    text-transform: uppercase;
}

.pop-up .cpel-switcher__lang{
    background-color: #f1ecec;
    border-radius : 7px;
    padding: 12px 24px;
    text-align: center;
}

.pop-up .cpel-switcher__lang:hover{
    background-color: #e7e7e7;
}

.cpel-switcher--layout-dropdown .cpel-switcher__toggle--on+.cpel-switcher__list{
    background-color: #191D2F;
    border-radius : 7px;
    padding: 6px;
}




li.cpel-switcher__lang.market-btn-custom-switcher{
    color:white;
    font-family: 'Albert Sans';
    text-transform: uppercase;
    font-size:15px;
    font-weight:600;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.cpel-switcher--layout-dropdown .cpel-switcher__toggle--on+.cpel-switcher__list{
    max-height: calc(100% * 5);
}

.cpel-switcher__lang a{
	min-width: 150px;
	padding-left: 10px!important;
    padding-right: 10px!important;
}




/*Page produit*/

/* Listes avec SVG dans la description courte ou avec la classe custom-icon-list-yellow */
.woocommerce-product-details__short-description ul,
.custom-icon-list-yellow {
    list-style: none; /* supprime les puces par défaut */
    padding-left: 1.5em; /* espace pour le SVG */
}

.woocommerce-product-details__short-description ul li,
.custom-icon-list-yellow li {
    position: relative;
    margin-bottom: 0.5em; /* espace entre les items */
}

.woocommerce-product-details__short-description ul li::before,
.custom-icon-list-yellow li::before {
    content: "";
    position: absolute;
    left: -1.5em; /* position du SVG */
    top: 0.2em; /* ajuste selon la hauteur de ton icône */
    width: 1em; /* taille de l’icône */
    height: 1em;
    background-image: url('/wp-content/uploads/2025/08/sefac-icon-jaune.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Listes avec SVG bleu via la classe custom-icon-list-blue */
.custom-icon-list-blue {
    list-style: none; /* supprime les puces par défaut */
    padding-left: 1.5em; /* espace pour le SVG */
}

.custom-icon-list-blue li {
    position: relative;
    margin-bottom: 0.5em; /* espace entre les items */
}

.custom-icon-list-blue li::before {
    content: "";
    position: absolute;
    left: -1.5em; /* position du SVG */
    top: 0.2em; /* ajuste selon la hauteur de ton icône */
    width: 1em; /* taille de l’icône */
    height: 1em;
    background-image: url('/wp-content/uploads/2025/08/sefac-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.product .elementor-icon-list-text{
    color: var(--e-global-color-text)!important;
}


.elementor-3057{
    width:100%;
}

.les-plus-sefac{
    font-size: 20px!important;
    margin-bottom: 0px;
    margin-top: 40px;
}

#accessoires-section:has(.e-loop-nothing-found-message), #accesorios-section:has(.e-loop-nothing-found-message) {
    display: none !important;
}


/*CAROUSEL IMAGE*/

img.swiper-slide-image{
    width:100%;
    height: 310px;
    object-fit: cover;
}

.elementor.elementor-3088 {
    width: 100%;
}




/*.my-carousel {
  overscroll-behavior: contain;
}*/

/* permet au slider de recevoir correctement les gestes verticaux 
.my-carousel .swiper, .my-carousel .swiper-container {
  touch-action: pan-y;
}*/


/* toutes les slides à 50% d'opacité par défaut */
.my-carousel .swiper-slide {
  opacity: 0.1;
  transition: opacity 0.3s ease;
}

/* slide active à 100% */
.my-carousel .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.my-carousel .swiper-slide-prev,
.my-carousel .swiper-slide-next {
  opacity: 0.3;
}

/*cookies*/

#cmplz-manage-consent .cmplz-manage-consent {
    bottom: 30px !important;
    left: 30px !important;
    border-radius: 100% !important;
    color: #ffd301 !important;/*CHANGER LA COULEUR*/
    background: #ffd301 !important;/*CHANGER LA COULEUR*/
    padding: 15px 15px 15px 15px !important;
    min-width: unset !important;
    width: 45px;
    height: 45px !important;
    padding: 0 !important;
    background-image: url(/wp-content/uploads/2025/09/cookie.png) !important;/*CHANGER L'URL*/
    background-position: center;
    background-repeat: no-repeat !important;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100%;
}



/*****************RESPONSIVE**********************/

@media screen and (max-width: 1024px) {
    .twae-horizontal-timeline.twae-wrapper .twae-labels{
        top: calc(-22px - (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap)) - var(--tw-ibx-size) * 2)!important;
    }
	
	li .elementor-sub-item{
		font-size : 13px!important;
		color : #888888!important;
		text-align:center!important;
	}
	
}



@media screen and (max-width: 768px) {
    #short-contact-form p:nth-child(1), #short-contact-form p:nth-child(2), #short-contact-form p:nth-child(3), #short-contact-form p:nth-child(4), #short-contact-form p:nth-child(5), #short-contact-form p:nth-child(6),#short-contact-form p:nth-child(7), #short-contact-form p:nth-child(8), #commentform p.comment-form-author, #commentform p.comment-form-email{
	    width: 100%!important;
    }

    div#short-contact-form p:nth-child(1), div#short-contact-form p:nth-child(3), div#short-contact-form p:nth-child(5), div#short-contact-form p:nth-child(7), #commentform p.comment-form-author{
	    margin-right: 0!important;
    }

    /*histoire*/
    .twae-horizontal-timeline.twae-wrapper .twae-icondot{
        top: -49px!important;
    }

    .twae-horizontal-timeline.twae-wrapper .twae-h-line{
        top:123px!important;
    }

    .twae-horizontal-timeline.twae-wrapper .twae-button-next, .twae-horizontal-timeline.twae-wrapper .twae-button-prev{
        top: calc(-45px + var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap) + 20px + var(--tw-ibx-size) - var(--nav-icon-height) * .5)!important;
    }

    .twae-horizontal-timeline.twae-wrapper .twae-labels{
        top: calc(0px - (var(--tw-lbl-big-size) + var(--tw-lbl-small-size) + var(--tw-lbl-gap)) - var(--tw-ibx-size) * 2)!important;
    }


    table{
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        border:none;
    }
	
	.cpel-switcher__name, li.cpel-switcher__lang.market-btn-custom-switcher{
		font-size:13px!important;
	}
	
	.cpel-switcher__flag--world {
    	margin-right: -11px;
	}
}