.elementor-kit-8{--e-global-color-primary:#C10A27;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#706F6F;--e-global-color-accent:#E4032F;--e-global-color-94a597e:#6AC955;--e-global-color-5dae7cb:#000000;--e-global-color-08ed8b8:#181818;--e-global-color-0745d5e:#8C8B8B;--e-global-typography-primary-font-family:"Cal Sans";--e-global-typography-primary-font-size:7.9rem;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:7rem;--e-global-typography-secondary-font-family:"Cal Sans";--e-global-typography-secondary-font-size:2.75rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:2.75rem;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:0.938rem;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.563rem;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:2.188rem;--e-global-typography-accent-font-weight:800;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:2.188rem;--e-global-typography-9f8df09-font-family:"Poppins";--e-global-typography-9f8df09-font-size:1.25rem;--e-global-typography-9f8df09-font-weight:700;--e-global-typography-9f8df09-text-transform:none;--e-global-typography-9f8df09-text-decoration:underline;--e-global-typography-9f8df09-line-height:1.25rem;--e-global-typography-4e5b7f2-font-family:"Poppins";--e-global-typography-4e5b7f2-font-size:1.875rem;--e-global-typography-4e5b7f2-font-weight:800;--e-global-typography-4e5b7f2-text-transform:uppercase;--e-global-typography-4e5b7f2-line-height:1.875rem;--e-global-typography-be3dd75-font-family:"Poppins";--e-global-typography-be3dd75-font-size:5.125rem;--e-global-typography-be3dd75-font-weight:800;--e-global-typography-be3dd75-text-transform:uppercase;--e-global-typography-be3dd75-line-height:4.438rem;--e-global-typography-5945636-font-family:"Poppins";--e-global-typography-5945636-font-size:1.125rem;--e-global-typography-5945636-font-weight:700;--e-global-typography-5945636-text-transform:uppercase;--e-global-typography-5945636-line-height:1.125rem;--e-global-typography-4d265fe-font-family:"Poppins";--e-global-typography-4d265fe-font-size:0.688rem;--e-global-typography-4d265fe-font-weight:700;--e-global-typography-4d265fe-text-transform:uppercase;--e-global-typography-4d265fe-line-height:0.688rem;--e-global-typography-0875197-font-family:"Poppins";--e-global-typography-0875197-font-size:0.75rem;--e-global-typography-0875197-font-weight:500;--e-global-typography-0875197-line-height:0.938rem;--e-global-typography-b2b1062-font-family:"Poppins";--e-global-typography-b2b1062-font-size:0.75rem;--e-global-typography-b2b1062-font-weight:700;--e-global-typography-b2b1062-text-transform:uppercase;--e-global-typography-b2b1062-line-height:0.75rem;--e-global-typography-6d67e5a-font-family:"Poppins";--e-global-typography-6d67e5a-font-size:1.063rem;--e-global-typography-6d67e5a-font-weight:700;--e-global-typography-6d67e5a-text-transform:uppercase;--e-global-typography-6d67e5a-line-height:1.063rem;--e-global-typography-b561dc6-font-family:"Poppins";--e-global-typography-b561dc6-font-size:0.813rem;--e-global-typography-b561dc6-font-weight:500;--e-global-typography-b561dc6-line-height:1rem;--e-global-typography-34e5d1e-font-family:"Poppins";--e-global-typography-34e5d1e-font-size:3.6rem;--e-global-typography-34e5d1e-font-weight:800;--e-global-typography-34e5d1e-text-transform:uppercase;--e-global-typography-34e5d1e-line-height:3rem;--e-global-typography-d7035ee-font-family:"Cal Sans";--e-global-typography-d7035ee-font-size:1.5rem;--e-global-typography-d7035ee-font-weight:400;--e-global-typography-d7035ee-line-height:2rem;--e-global-typography-5af2120-font-family:"Poppins";--e-global-typography-5af2120-font-size:2.7rem;--e-global-typography-5af2120-font-weight:800;--e-global-typography-5af2120-text-transform:uppercase;--e-global-typography-5af2120-line-height:2.8rem;--e-global-typography-2bf9cef-font-family:"Poppins";--e-global-typography-2bf9cef-font-size:1.875rem;--e-global-typography-2bf9cef-font-weight:800;--e-global-typography-2bf9cef-text-transform:uppercase;--e-global-typography-2bf9cef-line-height:1.875rem;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:88vw;}.e-con{--container-max-width:88vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1700px){.elementor-kit-8{--e-global-typography-primary-font-size:4.8rem;--e-global-typography-primary-line-height:4.5rem;--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-line-height:2rem;--e-global-typography-text-font-size:0.9rem;--e-global-typography-accent-font-size:1.6rem;--e-global-typography-accent-line-height:1.6rem;--e-global-typography-9f8df09-font-size:1rem;--e-global-typography-9f8df09-line-height:1rem;--e-global-typography-be3dd75-font-size:3.8rem;--e-global-typography-be3dd75-line-height:3.6rem;--e-global-typography-34e5d1e-font-size:2.2rem;--e-global-typography-d7035ee-font-size:1.1rem;--e-global-typography-d7035ee-line-height:1.1rem;--e-global-typography-5af2120-font-size:2rem;--e-global-typography-2bf9cef-font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:3.9rem;--e-global-typography-primary-line-height:3.8rem;--e-global-typography-secondary-font-size:1.6rem;--e-global-typography-4e5b7f2-font-size:1.6rem;--e-global-typography-4e5b7f2-line-height:1.6rem;--e-global-typography-be3dd75-font-size:3.3rem;--e-global-typography-be3dd75-line-height:3rem;--e-global-typography-5af2120-font-size:1.4rem;--e-global-typography-2bf9cef-font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:2.2rem;--e-global-typography-primary-line-height:2.4rem;--e-global-typography-secondary-font-size:1.2rem;--e-global-typography-secondary-line-height:1.3rem;--e-global-typography-text-font-size:0.8rem;--e-global-typography-accent-font-size:1.5rem;--e-global-typography-accent-line-height:1.6rem;--e-global-typography-9f8df09-font-size:0.9rem;--e-global-typography-4e5b7f2-font-size:1.3rem;--e-global-typography-4e5b7f2-line-height:1.4rem;--e-global-typography-be3dd75-font-size:2rem;--e-global-typography-be3dd75-line-height:1.9rem;--e-global-typography-5945636-font-size:1.1rem;--e-global-typography-5945636-line-height:1.3rem;--e-global-typography-ad9c547-font-size:1.6rem;--e-global-typography-34e5d1e-font-size:2rem;--e-global-typography-34e5d1e-line-height:2rem;--e-global-typography-d7035ee-font-size:1rem;--e-global-typography-d7035ee-line-height:1.2rem;--e-global-typography-5af2120-font-size:1.1rem;--e-global-typography-5af2120-line-height:1.2rem;--e-global-typography-2bf9cef-font-size:0.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90vw;}.e-con{--container-max-width:90vw;}}/* Start custom CSS *//* ============================================================
   GÉNÉRAL
   ============================================================ */
.pointer {cursor: pointer;}



/* ============================================================
   HEADER
   ============================================================ */
/* CORRECTIF ÉDITEUR : Empêche le header de devenir une colonne de 100px */
.elementor-editor-active .header-ordi.elementor-sticky--active {
    width: 100vw !important; /* Force la largeur de l'écran */
    left: 0 !important;
    inset-inline-start: 0 !important;
    position: fixed !important;
}

/* Force les conteneurs internes à rester alignés horizontalement */
.elementor-editor-active .header-ordi.elementor-sticky--active .e-con {
    flex-direction: row !important;
    width: 100% !important;
}

/* Masque les éventuels débordements qui créent le scroll horizontal dans l'éditeur */
body.elementor-editor-active {
    overflow-x: hidden !important;
}

/* ============================================================
   1. BOUTONS : ALIGNEMENT & SURVOL (HOVER)
   ============================================================ */
.btn-tel .elementor-icon-box-wrapper,
.btn-devis .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

/* Couleurs au survol */
.btn-tel:hover svg path { fill: #6AC955 !important; }
.btn-tel:hover .elementor-icon-box-title span { color: #6AC955 !important; }

.btn-devis:hover svg path { fill: #000000 !important; }
.btn-devis:hover .elementor-icon-box-title span { color: #000000 !important; }


/* ============================================================
   2. ÉTAT AU SCROLL (.is-scrolled)
   ============================================================ */

/* HEADER : Hauteur forcée à 9vh */
.is-scrolled .header-ordi {
    transition: all 0.4s ease-in-out !important;
    background-color: #FFFFFF !important;
}

/* BOUTONS : Réduction padding et calage en haut */
.is-scrolled .btn-tel,
.is-scrolled .btn-devis {
    margin-top: 0 !important;
    align-self: flex-start !important; /* Force le widget en haut */
}


.is-scrolled .menu-header .e-n-menu-title-text {
    color: #000000 !important; /* Texte passe en noir */
    line-height: 1 !important;  /* Évite les décalages de hauteur */
}

/* LOGOS : Alternance des icônes */
.logo-couleur { display: none !important; } /* Caché par défaut */

.is-scrolled .logo-blanc { 
    display: none !important; 
}
.is-scrolled .logo-couleur { 
    display: block !important;
    max-height: 100% !important; /* S'adapte aux 9vh */
}


/* ============================================================
   3. NETTOYAGE ELEMENTOR & TRANSITIONS
   ============================================================ */

/* Supprime les min-height par défaut d'Elementor qui bloquent la réduction */
.is-scrolled .elementor-widget,
.is-scrolled .elementor-widget-container {
    min-height: 0 !important;
}

/* Transition fluide pour tous les éléments modifiés */
.header-ordi, 
.btn-tel, 
.btn-devis, 
.menu-header .e-n-menu-title-text, 
svg path, 
.logo-header {
    transition: all 0.3s ease-in-out !important;
}

/* --- État Initial --- */
/* --- Structure du bouton --- */
.btn-commun .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0 !important; /* On colle le texte au bord gauche */
    background: transparent !important; /* On gère le fond si besoin */
    overflow: visible; /* Pour ne pas couper l'ombre de l'icône */
}

.btn-commun .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse; /* On inverse l'ordre pour gérer le flux facilement */
    align-items: center;
    justify-content: flex-end; /* Aligne le texte à gauche */
}

/* --- L'icône (cachée par défaut) --- */
.btn-commun .elementor-button-icon {
    opacity: 0;
    margin-left: -35px; /* Elle est "cachée" derrière le bord gauche */
    margin-right: 15px; /* L'espace qu'elle prendra une fois apparue */
    transform: scale(0.5) translateX(-20px);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Effet rebond élastique */
}

/* --- Le Texte (toujours à gauche) --- */
.btn-commun .elementor-button-text {
    padding-left: 0;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* --- Hover : L'animation --- */
.btn-commun .elementor-button:hover .elementor-button-icon {
    opacity: 1;
    margin-left: 0; /* Elle reprend sa place sans pousser violemment */
    transform: scale(1) translateX(0);
}

.btn-commun .elementor-button:hover .elementor-button-text {
    /* Le texte se décale légèrement pour laisser la place à l'icône */
    transform: translateX(0); 
}


/*-------ACCUEIL------*/

/* Masquer la navigation du carrousel sur ordinateur (Desktop) */
@media (min-width: 1025px) {
    #carousel-icone .elementor-swiper-button, 
    #carousel-icone .swiper-pagination {
        display: none !important;
    }
}


/* --- 1. Préparer le conteneur parent pour le positionnement absolu --- */
#carousel-image .elementor-widget-container {
    position: relative;
    padding-bottom: 60px; /* Ajoute de l'espace en bas pour les flèches */
}

/* --- 2. Cacher les icônes par défaut et styliser les nouvelles flèches --- */
#carousel-image .elementor-swiper-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute; /* Sort les flèches du flux normal */
    bottom: 10px;        /* Positionne en bas par rapport au parent */
    top: auto;          /* Annule le centrage vertical par défaut */
    width: 20px;         /* Taille des flèches */
    height: 20px;
    background-color: transparent !important; /* Pas de fond */
}
@media (max-width:767px){
    #carousel-image .elementor-swiper-button {
        bottom: -43px!important;   
    }
}
/* Masquer les SVG d'origine */
#carousel-image .elementor-swiper-button svg {
    display: none !important;
}

/* --- 3. Définir les images SVG personnalisées --- */
/* Flèche GAUCHE */
#carousel-image .elementor-swiper-button-prev {
    background-image: url('https://signarama-dardilly.fr/wp-content/uploads/2026/03/fleche-gauche.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -100px; /* Position de la flèche gauche */
}
@media (max-width:767px){
#carousel-image .elementor-swiper-button-prev {
    left: 10px;
}
}
/* Flèche DROITE */
#carousel-image .elementor-swiper-button-next {
    background-image: url('https://signarama-dardilly.fr/wp-content/uploads/2026/03/fleche-droite.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -50px; /* Position de la flèche droite (50px plus loin que la gauche) */
    right: auto; /* Annule le positionnement à droite par défaut */
}
@media (max-width:767px){
#carousel-image .elementor-swiper-button-next {
    left: 100px;
}
}
/* --- 4. Optionnel : Effet au survol --- */
#carousel-image .elementor-swiper-button:hover {
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

 /*---FORMULAIRE DEVIS---*/
 
 /* Réduction de la taille de la police pour la checkbox RGPD */
.form-devis .elementor-field-group-RGPD label,
.form-devis .elementor-field-group-RGPD .elementor-field-option {
    font-size: 0.625rem !important;
    line-height:0.7rem!important;
}

/* Mise en gras (700) de tous les champs de saisie */
.form-devis input:not([type="checkbox"]):not([type="submit"]),
.form-devis textarea {
    font-weight: 700 !important;
}

/* Optionnel : Si tu veux aussi que les placeholders soient en gras */
.form-devis ::placeholder {
    font-weight: 700;
}

/*icone boite d'icone*/
.container-liste-icone .elementor-widget-icon-box .elementor-icon-box-icon{
    margin-top:7px!important;
}


/*------FOOTER------*/
/* 1. Aligner le champ email et le bouton sur la même ligne */
.newsletter .elementor-form-fields-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
}

/* 2. Ajuster les largeurs (Email large, Bouton étroit) */
.newsletter .elementor-field-group-EMAIL {
    flex-grow: 1;
    margin-right: 10px; /* Espace entre le champ et l'icône */
}

.newsletter .e-form__buttons {
    width: auto !important;
}

/* 3. Remplacer le texte par le SVG */
.newsletter .elementor-button span.elementor-button-text {
    display: none; /* Cache le mot "Envoyer" */
}

.newsletter .elementor-button::before {
    content: "";
    display: inline-block;
    width: 50px; /* Ajuste la taille selon tes besoins */
    height: 50px;
    background-image: url('http://signarama-dardilly.fr/wp-content/uploads/2026/03/envoyer.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 4. Nettoyer le style du bouton (optionnel) */
.newsletter .elementor-button {
    background: transparent !important; /* Pour ne garder que l'icône */
    padding: 0 !important;
}


/*----PAGES MÈRES----*/
/* --- 1. ÉTAT INITIAL DU CONTENEUR --- */
.nav-page-mere {
    /* On s'assure que le fond est bien centré et couvre tout le bloc */
    background-size: 100% !important; 
    transition: background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                filter 0.6s ease !important;
    
    overflow: hidden !important; /* Sécurité anti-débordement */
}

/* --- 2. EFFET AU SURVOL (HOVER) --- */
.nav-page-mere:hover {
    /* On passe de 100% à 112% pour créer l'effet de zoom */
    background-size: 108% !important;
    
}

/* --- 3. STABILISATION DU CONTENU --- */
/* On s'assure que le titre et le bouton ne bougent PAS pendant que le fond zoome */
.nav-page-mere .elementor-widget-heading,
.nav-page-mere .elementor-widget-button {
    transition: transform 0.6s ease !important;
}

/* Optionnel : un micro-mouvement du bouton pour accompagner le zoom */
.nav-page-mere:hover .elementor-button {
    transform: translateY(-3px);
}


/*-------PAGE N2------*/

.title-30{
    font-size: var(--e-global-typography-be3dd75-font-size);
    line-height: var(--e-global-typography-be3dd75-line-height);
}

.title-20{
    font-size: var(--e-global-typography-4e5b7f2-font-size);
    line-height: var(--e-global-typography-4e5b7f2-line-height);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cal Sans';
	font-display: auto;
	src: url('http://signarama-dardilly.fr/wp-content/uploads/2026/03/CalSans-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */