.elementor-kit-6{--e-global-color-primary:#EC7108;--e-global-color-secondary:#000000;--e-global-color-text:#272626;--e-global-color-accent:#F4F2ED;--e-global-color-bffdc85:#E8E4DC;--e-global-color-140626d:#FFFDF8;--e-global-color-52577f6:#FFFFFF;--e-global-typography-primary-font-family:"Jost";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Sloop Script";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:700;font-family:"Lato", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:#FF8E2D;}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h4{font-family:"Jost", Sans-serif;font-weight:bold;}.elementor-kit-6 h5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1260px;}.e-con{--container-max-width:1260px;}.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:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1.elementor-heading-title {font-size:55px !important;}

h2, .elementor-kit-6 h2 {font-size:30px !important; font-weight:600 !important;}
h3 {font-size:24px !important; font-weight:600 !important;}
h4 {font-size:22px !important; font-weight:600 !important;}

.elementor-icon-box-title {font-size:18px !important;}


.elementor-slideshow__title {display:none;}

ul {margin-bottom:20px;}


/* Le widget lui-même doit occuper toute la largeur de sa colonne */
.carousel-realisation {
    width: 100% !important;
}

/* Le conteneur wrapper d'Elementor autour du carrousel */
.carousel-realisation .elementor-image-carousel-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    overflow: visible;
    padding-bottom: 85px; /* réserve de la place sous les images pour les flèches */
}

/* C'est ICI qu'on garde le overflow hidden, pour que les images ne débordent pas pendant le défilement */
.carousel-realisation .swiper,
.carousel-realisation .swiper-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
}

/* Retire un éventuel padding parasite au niveau du widget wrapper Elementor */
.carousel-realisation .elementor-widget-container {
    padding: 0 !important;
}

/* Ne pas toucher à la largeur : elle reste liée au ratio de l'image */
.carousel-realisation .swiper-slide {
    width: auto !important;
    margin-right: 30px !important;
}

/* Pas de marge après la dernière image */
.carousel-realisation .swiper-slide:last-child {
    margin-right: 0 !important;
}

/* Hauteur uniforme, largeur automatique selon le ratio d'origine */
.carousel-realisation .swiper-slide img {
    height: 400px;
    width: auto;
    object-fit: cover;
    display: block;
}
/* Force la réinitialisation de l'image dans la visionneuse du carrousel */
.elementor-lightbox .carousel-realisation .swiper-slide img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 80vh !important; /* Évite que l'image ne dépasse de l'écran en hauteur */
    object-fit: contain;
}
/* Surcharge stricte pour la lightbox d'Elementor */
div.elementor-lightbox .swiper-slide img {
    height: auto !important;
    max-height: 75vh !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Flèche précédente */
.carousel-realisation .elementor-swiper-button-prev {
    top: auto !important;
    bottom: 10px !important;
    left: auto !important;
    right: 50px !important; /* espace pour laisser la place à la flèche suivante */
}

/* Flèche suivante */
.carousel-realisation .elementor-swiper-button-next {
    top: auto !important;
    bottom: 10px !important;
    right: 0px !important;
    left: auto !important;
}

/* Optionnel : petit fond pour bien les distinguer de l'image en dessous */
.carousel-realisation .elementor-swiper-button {
    background: rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}


/* Adaptation mobile : hauteur réduite pour un meilleur rendu du recadrage */
@media (max-width: 767px) {
    .carousel-realisation .swiper-slide img {
        height: 220px;
    }

    .carousel-realisation .elementor-image-carousel-wrapper {
        padding-bottom: 60px; /* on peut aussi réduire l'espace réservé aux flèches */
    }

    .carousel-realisation .elementor-swiper-button-prev,
    .carousel-realisation .elementor-swiper-button-next {
        bottom: 5px !important;
        width: 34px;
        height: 34px;
    }

    .carousel-realisation .swiper-slide {
        margin-right: 15px !important; /* espacement resserré sur petit écran */
    }
}

/* 1. On s'assure que les ronds gris de navigation sont bien visibles et positionnés */
    .carousel-realisation .elementor-swiper-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 40px !important;  /* Ajustez la taille du rond si besoin */
        height: 40px !important;
        bottom: 0% !important;
    }
    

    /* 2. On masque l'icône d'Elementor qui bugue pour repartir sur une base propre */
    .carousel-realisation .elementor-swiper-button i,
    .carousel-realisation .elementor-swiper-button svg {
        display: none !important;
    }

    /* 3. On dessine une flèche gauche en pur CSS dans le rond gauche */
    .carousel-realisation .elementor-swiper-button-prev::after {
        content: "" !important;
        display: block !important;
        width: 10px !important;
        height: 10px !important;
        border-left: 2px solid #555555 !important; /* Couleur de la flèche (Gris foncé) */
        border-bottom: 2px solid #555555 !important;
        transform: rotate(45deg) !important;
        margin-left: 4px !important; /* Petit ajustement pour le centrage visuel */
    }

    /* 4. On dessine une flèche droite en pur CSS dans le rond droit */
    .carousel-realisation .elementor-swiper-button-next::after {
        content: "" !important;
        display: block !important;
        width: 10px !important;
        height: 10px !important;
        border-right: 2px solid #555555 !important; /* Couleur de la flèche (Gris foncé) */
        border-top: 2px solid #555555 !important;
        transform: rotate(45deg) !important;
        margin-right: 4px !important;
    }

@media (max-width: 767px) {
    /* 1. On s'assure que les ronds gris de navigation sont bien visibles et positionnés */
    .carousel-realisation .elementor-swiper-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 40px !important;  /* Ajustez la taille du rond si besoin */
        height: 40px !important;
        bottom: -5% !important;
    }
    

    /* 2. On masque l'icône d'Elementor qui bugue pour repartir sur une base propre */
    .carousel-realisation .elementor-swiper-button i,
    .carousel-realisation .elementor-swiper-button svg {
        display: none !important;
    }

    /* 3. On dessine une flèche gauche en pur CSS dans le rond gauche */
    .carousel-realisation .elementor-swiper-button-prev::after {
        content: "" !important;
        display: block !important;
        width: 10px !important;
        height: 10px !important;
        border-left: 2px solid #555555 !important; /* Couleur de la flèche (Gris foncé) */
        border-bottom: 2px solid #555555 !important;
        transform: rotate(45deg) !important;
        margin-left: 4px !important; /* Petit ajustement pour le centrage visuel */
    }

    /* 4. On dessine une flèche droite en pur CSS dans le rond droit */
    .carousel-realisation .elementor-swiper-button-next::after {
        content: "" !important;
        display: block !important;
        width: 10px !important;
        height: 10px !important;
        border-right: 2px solid #555555 !important; /* Couleur de la flèche (Gris foncé) */
        border-top: 2px solid #555555 !important;
        transform: rotate(45deg) !important;
        margin-right: 4px !important;
    }
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {background-color:#ec7107 !important; text-transform:uppercase; letter-spacing:1px;}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full input[type=submit]:active, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full button[type=submit]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:active, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:active, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:active {background-color:#000 !important; text-transform:uppercase; letter-spacing:1px;}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-focused .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__inner, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices.is-open .choices__list--dropdown {border-color:#ec7107;}


/* style fiche catalogues */


.fiche-pdf h4.elementor-icon-box-title {color:#272626;}

.fiche-pdf .elementor-icon {opacity:0; margin-right:-30px;}

.fiche-pdf:hover h4.elementor-icon-box-title {color:#EC7108;}
.fiche-pdf:hover .elementor-icon {opacity:1; transition: margin-right 0.3s 0 ease-in-out; margin-right:0;  
}

@media (max-width:767px) {
    .fiche-pdf .elementor-icon {display:none;}
    .elementor-icon-box-title {margin-top:-10px;}
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sloop Script';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://disano.fr/wp-content/uploads/2026/06/SloopScript.eot');
	src: url('https://disano.fr/wp-content/uploads/2026/06/SloopScript.eot?#iefix') format('embedded-opentype'),
		url('https://disano.fr/wp-content/uploads/2026/06/Sloop-Script-Regular.woff2') format('woff2'),
		url('https://disano.fr/wp-content/uploads/2026/06/Sloop-Script-Regular.woff') format('woff'),
		url('https://disano.fr/wp-content/uploads/2026/06/Sloop-Script-Regular.ttf') format('truetype'),
		url('https://disano.fr/wp-content/uploads/2026/06/SloopScript.svg#SloopScript') format('svg');
}
/* End Custom Fonts CSS */