.elementor-kit-6{--e-global-color-primary:#0F6A4A;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f19d5aa:#0ABDFF;--e-global-color-e7ba14e:#69D6FF;--e-global-color-af2ca97:#0F6B4B1A;--e-global-color-61cc047:#106E91;--e-global-color-b023764:#F18B5A;--e-global-color-34398a0:#FFA478;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#106E91;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Roboto", Sans-serif;font-size:16px;}.elementor-kit-6 h1{font-family:"Roboto", Sans-serif;font-size:72px;}.elementor-kit-6 h2{font-family:"Roboto", Sans-serif;font-size:24px;}.elementor-kit-6 h3{font-family:"Roboto", Sans-serif;font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1565px;}.e-con{--container-max-width:1565px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* =====================================================
   RESET DE BASE
   ===================================================== */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

p {
  margin: 0;
}

/* =====================================================
   SLIDER HERO — STYLE GLOBAL
   ===================================================== */

/* Fond légèrement flouté */
.swiper-slide-bg {
  filter: blur(4px);
}


/* =========================
   MENU - Effet hover soulignement blanc
   ========================= */

.elementor-nav-menu>li>a.elementor-item {
  position: relative;
  color: inherit;
  /* garde la couleur du texte actuelle */
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Barre blanche au hover */
.elementor-nav-menu>li>a.elementor-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background-color: #fff;
  transition: width 0.3s ease;
}

/* Survol ou élément actif */
.elementor-nav-menu>li:hover>a.elementor-item::after {
  width: 100%;
}


/* Ancre devis */
#demande-devis, #request-quote {
  scroll-margin-top: 180px;
}





/* =====================================================
   PAGINATION PERSONNALISÉE
   ===================================================== */
#hero-slider .swiper-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 80px;
  left: 190px;
  width: 500px !important;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #fff;
  z-index: 5;
}

/* Conteneur des barres */
#hero-slider .swiper-pagination-bullets {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

/* Barres inactives */
#hero-slider .swiper-pagination-bullet {
  flex: 1;
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* Barre active */
#hero-slider .swiper-pagination-bullet-active {
  background: #fff;
}

/* Numéros avant / après */
#hero-slider .swiper-pagination::before,
#hero-slider .swiper-pagination::after {
  position: absolute;
  top: -20px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}

#hero-slider .swiper-pagination::before {
  content: "01";
  left: 10px;
}

#hero-slider .swiper-pagination::after {
  content: "02";
  right: 10px;
}

/* Zoom fluide sur toutes les images au survol */
.container-hours img {
  transition: transform 0.4s ease;
  transform-origin: center center;
}

.container-hours:hover img {
  transform: scale(1.1);
}

/* ==============================
   CARD DECOUVREZ NOS SOLUTIONS
   ============================== */

.cards-section .card-zoom {
  overflow: hidden;
}

.cards-section .card-zoom::before {
  content: "";
  position: absolute;
  background: inherit;
  transition: transform 1s ease-out;
}

/* Zoom fluide sur le pseudo-élément */
.cards-section .card-zoom:hover::before {
  transform: scale(1.08);
}

/* === Fond flou circulaire derrière l’icône === */
.card-zoom .elementor-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  /* cercle blanc externe */
  transition: all 0.4s ease;
}

/* Effet hover : un peu plus lumineux */
.card-zoom:hover .elementor-icon-wrapper {
  transform: scale(0.95);
}


/* =====================================================
   CARD DOMAINE D’ACTIVITÉ (Carrousel)
   ===================================================== */

/* ----- Base (Desktop) ----- */
.domaines-carousel .swiper-slide {
  transition: all 0.4s ease;
  opacity: 0.6;
  width: 250px;
  /* largeur par défaut */
}

.domaines-carousel .swiper-slide.is-hovered {
  width: 400px !important;
  opacity: 1 !important;
  z-index: 10;
}

/* Alignement propre dans le carrousel */
.domaines-carousel .swiper-wrapper {
  align-items: stretch;
}


/* Reduit la hauteur en mobile */
/* Reduit la hauteur en mobile */
@media (max-width: 767px) {
  .domaines-carousel .elementor-element {
    --min-height: 350px !important;
  }
}













/* =====================================================
   RESPONSIVE HERO
   ===================================================== */



/* Tablette (≤ 1024px) */
@media (max-width: 1024px) {
  #hero-slider .swiper-pagination {
    width: 400px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  #hero-slider .swiper-pagination::before,
  #hero-slider .swiper-pagination::after {
    font-size: 13px;
  }
}

/* Mobile (≤ 768px) */
@media (max-width: 768px) {
  #hero-slider .swiper-pagination {
    width: 200px !important;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  }

  #hero-slider .swiper-pagination::before,
  #hero-slider .swiper-pagination::after {
    font-size: 12px;
    top: -18px;
  }

  #hero-slider .swiper-pagination-bullets {
    gap: 6px;
  }

  .elementor-kit-6 .elementor-slide-description:not(:last-child),
  .elementor-kit-6 .elementor-slide-heading:not(:last-child) {
    margin-bottom: 10px !important;
  }
}

/* =========================
   FORMULAIRE HOME 
   ========================= */

/* Structure principale */
.form-home .elementor-form .elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

/* Chaque champ = même largeur */
.form-home .elementor-form .elementor-field-group {
  flex: 1 1 0;
  min-width: 180px;
  margin: 0;
}

.form-home .elementor-field-label {
  display: block;
}

/* Champs eux-mêmes */
.form-home .elementor-form .elementor-field {
  width: 100%;
  box-sizing: border-box;
}

.elementor-field-type-recaptcha_v3.elementor-field-group.elementor-column.elementor-field-group-field_a55a5b7.elementor-col-100.recaptcha_v3-bottomright {
    display: none;
}



/* =========================
   IPHONE
   ========================= */

/* Uniformiser le champ Date comme les autres */
input.elementor-date-field {
    height: 45px !important;
    -webkit-appearance: none !important; /* Fix iOS */
}

/* Assure la cohérence sur tous les champs */
.elementor-field-textual {
    height: 45px !important;
}


*/

/* =========================
   RESPONSIVE - FORMULAIRE HOME
   ========================= */

/* Tablette : empilement partiel (2 colonnes) */
@media (max-width: 1024px) {
  .form-home .elementor-form .elementor-form-fields-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .form-home .elementor-form .elementor-field-group {
    flex: 1 1 calc(50% - 16px);
    min-width: 220px;
  }
}

/* Mobile : empilement complet */
@media (max-width: 768px) {
  .form-home .elementor-form .elementor-form-fields-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .form-home .elementor-form .elementor-field-group {
    flex: 1 1 100%;
    min-width: auto;
  }
}


/* =========================
   NOTRE ENTREPRISE - CHRONOLOGIE
   ========================= */

.bloc-chrono {
  position: relative;
  border-bottom: 1px solid #fff !important;
}

/* Rond blanc */
.bloc-chrono::before {
  content: "";
  position: absolute;
  top: 192px;
  left: -7px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 2;
}



/* =========================
   ENGAGEMENTS CONCRETS 
   ========================= */


/* GROUPES DE CARTES */
/* Empêche les cartes de se comprimer trop fortement */
.cards-group-top,
.cards-group-bottom {
  display: flex;
  flex-direction: column;
  height: 500px;
  overflow: hidden;
}

.cards-group-top .card-item,
.cards-group-bottom .card-item {
  flex: 1 1 50%;
  min-height: 50%;
}

/* CARTES INDIVIDUELLES */
.card-item {
  flex: 1 1 0;
  min-height: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 24px;
  box-sizing: border-box;
  overflow: hidden;
  transition: flex-grow 0.3s ease, flex-basis 0.3s ease, height 0.3s ease;
}

/* VARIATION DE HAUTEUR AU SURVOL */
.cards-group-top:hover>.card-item {
  flex: 1 1 0;
}

.cards-group-bottom:hover>.card-item {
  flex: 1 1 0;
}

.cards-group-top:hover>.card-item:hover,
.cards-group-bottom:hover>.card-item:hover {
  flex: 3 1 0;
}

/* TITRE (collé en bas + glissement au hover) */
.card-item h3 {
  margin: 0;
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease, opacity 0.4s ease;
}

/* Le h3 remonte pour laisser place au texte */
.card-item:hover h3 {
  transform: translateY(-240px);
  /* ajuste selon la hauteur du texte */
}

/* TEXTE (invisible hors flux, apparaît au hover) */
.card-item .elementor-widget-text-editor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  padding: 24px;
  box-sizing: border-box;
  color: #fff;
  /* lisibilité sur l’image */
  z-index: 1;
}

/* Texte visible au hover */
.card-item:hover .elementor-widget-text-editor {
  opacity: 1;
  transform: translateY(0);
}

/* OVERLAY FONDU */
.card-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.4s ease;
  z-index: 1;
}

.card-item:hover::before {
  background: rgba(0, 0, 0, 0.4);
}

/* =========================
   MOBILE (désactive les effets de hauteur et empile les cartes)
   ========================= */
@media (max-width: 768px) {

  /* Les groupes deviennent des piles normales */
  .cards-group-top,
  .cards-group-bottom {
    display: block;
    height: auto;
  }

  /* Chaque carte prend toute la largeur et sa hauteur auto */
  .card-item {
    flex: none !important;
    height: auto !important;
    min-height: unset !important;
    transition: none;
    margin-bottom: 24px;
    /* espace entre les cartes */
  }

  /* On rétablit la visibilité normale du contenu */
  .card-item h3 {
    transform: none !important;
  }

  .card-item .elementor-widget-text-editor {
    position: static;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    padding: 16px 0 0;
  }

  /* Pas d’overlay ni d’effet hover sur mobile */
  .card-item::before {
    background: rgba(0, 0, 0, 0.25);
  }

  .card-item:hover::before {
    background: rgba(0, 0, 0, 0.25);
  }
}

/* =========================
   FORM LOCATION DE BENNE
   ========================= */
.form-location-benne .elementor-form .elementor-form-fields-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;

}

/* Groupes de champs */
.form-location-benne .elementor-field-group {
  margin: 0;
}

/* Champ message = pleine largeur */
.form-location-benne .elementor-field-group.elementor-field-type-textarea {
  grid-column: 1 / -1;
}

/* Bouton = pleine largeur */
.form-location-benne .e-form__buttons {
  grid-column: 1 / -1;
}

/* Champs */
.form-location-benne .elementor-field {
  width: 100%;
  box-sizing: border-box;
}

.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
    margin-top: 35px;
}
/* "Date de pose" sur toute la ligne */
.form-location-benne .elementor-field-group-field_e744469 {
  grid-column: 1 / -1 !important; /* span 2 colonnes */
}

/* Responsive : 1 colonne sur mobile */
@media (max-width: 680px) {
  .form-location-benne .elementor-form .elementor-form-fields-wrapper {
    grid-template-columns: 1fr;
  }
}





/* =========================
   CARDS LOCATION DE BENNE
   ========================= */



/* Groupes verticaux */
.location-benne-cards .benne-group-top,
.location-benne-cards .benne-group-bottom {
  display: flex;
  flex-direction: column;
  height: 500px;
  overflow: hidden;
}

/* Cartes internes */
.location-benne-cards .benne-card {
  flex: 1 1 0;
  min-height: 0 !important;
  transition: flex-grow 0.25s ease, flex-basis 0.25s ease, height 0.25s ease;
}

/* Baseline au hover du groupe */
.location-benne-cards .benne-group-top:hover .benne-card,
.location-benne-cards .benne-group-bottom:hover .benne-card {
  flex: 1 1 0;
}

/* Amplification de la carte survolée */
.location-benne-cards .benne-group-top:hover .benne-card:hover,
.location-benne-cards .benne-group-bottom:hover .benne-card:hover {
  flex: 3 1 0;
}



/* =========================
   TYPE DE DÉCHETS 
   ========================= */

/* Style de base */
.item-type-waste {
  transition: background-size 0.6s ease, transform 0.6s ease;
}

/* Effet zoom au hover */
.item-type-waste:hover {
  background-size: 110%;
  transform: scale(1.02);
}

/* Texte toujours lisible */
.item-type-waste p {
  position: relative;
  z-index: 2;
  color: #fff;
  transition: color 0.3s ease;
}


.item-type-waste::before {
  content: "";
  position: absolute;
  inset: 0;
  transition: background 0.4s ease;
  z-index: 1;
}

.item-type-waste:hover::before {
  background: rgba(0, 0, 0, 0.35);
}

.item-type-waste {
  transform: scale(1);

  transition: transform 0.6s ease, opacity 0.6s ease;
}

.item-type-waste.in-view {
  transform: scale(1.1);

}





/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {

  .item-type-waste {
    transition: opacity 0.6s ease, height 0.6s ease;
    opacity: 0.7;
    height: 50px;
    overflow: hidden;
  }

  .item-type-waste.is-active {
    opacity: 1;
    z-index: 2;
    height: 100px;
  }

  /* Neutralise hover et active, sans toucher aux effets de scroll JS */
  .item-type-waste:hover,
  .item-type-waste:active {
    transform: none !important;
    background-size: cover !important;
    background: none !important;
  }

  /* Empêche tout effet visuel lié au tap tactile */
  .item-type-waste {
    cursor: default !important;
    pointer-events: none;
  }

  /* Texte et overlay restent normaux */
  .item-type-waste p {
    opacity: 1 !important;
  }

  .item-type-waste::before {
    background: rgba(0, 0, 0, 0.2);
  }

}

/* =========================
   FORMULAIRE PAGE CONTACT
   ========================= */
.form-contact .elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* espace horizontal/vertical entre les champs */
}

/* Champs demi-largeur */
.form-contact .elementor-field-group-name,
.form-contact .elementor-field-group-field_6514edf,
/* prénom */
.form-contact .elementor-field-group-field_cad6bbf,
/* téléphone */
.form-contact .elementor-field-group-email {
  flex: 1 1 calc(50% - 10px);
  /* 2 colonnes avec petit espace */
}

/* Champs pleine largeur */
.form-contact .elementor-field-group-field_b852be4,
/* objet */
.form-contact .elementor-field-group-message,
.form-contact .e-form__buttons {
  flex: 1 1 100%;
}

/* =========================
   SELECTEUR DE LANGUE
   ========================= */

/* Supprime la ligne blanche (pointer underline) sur le sélecteur de langue WPML */
.elementor-nav-menu .wpml-ls-menu-item .elementor-item:before,
.elementor-nav-menu .wpml-ls-menu-item .elementor-item:after {
    display: none !important;
}

@media (max-width: 767px) {
    .elementor-nav-menu .wpml-ls-menu-item {
        display: none !important;
    }
}







/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {

  .form-contact .elementor-field-group-name,
  .form-contact .elementor-field-group-field_6514edf,
  .form-contact .elementor-field-group-field_cad6bbf,
  .form-contact .elementor-field-group-email {
    flex: 1 1 100%;
    /* repasse en une seule colonne */
  }
}














/* ===============================
   RESPONSIVE
   =============================== */

@media (max-width: 1024px) {
  .elementor-form .elementor-form-fields-wrapper {
    flex-wrap: wrap;
  }

  .elementor-form .elementor-field-group {
    flex: 1 1 48%;
  }
}

@media (max-width: 768px) {
  .elementor-form .elementor-form-fields-wrapper {
    flex-direction: column;
    gap: 15px;
  }

  .elementor-form .elementor-field-group {
    flex: 1 1 100%;
    width: 100%;
  }

  /* Les deux dates repassent l'une sous l'autre */
  .elementor-field-group-field_ad1cfb9,
  .elementor-field-group-field_bd5c01b {
    display: block;
    width: 100%;
    margin-right: 0 !important;
  }

  /* Bordures normales sur mobile */
  input#form-field-field_ad1cfb9,
  input#form-field-field_bd5c01b {
    border-radius: 4px !important;
  }
  .footer-link {
        font-size: 12px !important;
    }
}/* End custom CSS */