.elementor-kit-8{--e-global-color-primary:#222222;--e-global-color-secondary:#FFC527;--e-global-color-text:#434343;--e-global-color-accent:#FFC527;--e-global-color-5b50e6e:#222222;--e-global-color-428e59c:#267ECE;--e-global-color-1c65f60:#F9F9F9;--e-global-color-7a081a4:#ADADAD;--e-global-color-9884a02:#FFFFFF;--e-global-color-71b97e7:#EAF3FB;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-weight:400;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1680px;}.e-con{--container-max-width:1680px;}@media(max-width:1540px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1080px;}.e-con{--container-max-width:1080px;}}@media(max-width:1280px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:900px;}.e-con{--container-max-width:900px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:710px;}.e-con{--container-max-width:710px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:420px;}.e-con{--container-max-width:420px;}}@media(max-width:479px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:290px;}.e-con{--container-max-width:290px;}}/* Start custom CSS *//* 1) On force la variable juste dans le composant */
.home .wdt-counter-style-01{
  --wdtSecondaryColor: #ffffff !important;
}

/* 2) Et on force la bordure au cas où */
.home .wdt-counter-style-01 .wdt-content-item:first-child{
  border-bottom: 1px solid #ffffff !important;
  border-color: #ffffff !important;
}

.home button,
.home input[type="submit"] {
    background-color: #cccccc !important;   /* gris clair */
    border-color: #cccccc !important;
}

/* ----- SECTIONS + COLONNES (Elementor) ----- */

/* Le conteneur interne des colonnes doit devenir flex plein écran */
.portal-split > .elementor-container {
  display: flex;
  min-height: 100vh;
  overflow: hidden;
}

/* Par défaut, chaque colonne prend 50% */
.portal-split > .elementor-container > .elementor-column.pane {
  /* neutraliser un width fixe posé par Elementor */
  width: auto !important;
  flex: 1 1 50%;
  position: relative;
  transition: flex 0.45s ease, transform 0.45s ease, filter 0.45s ease;
}

/* Quand on survole la zone parent, les deux colonnes se rétractent un peu */
.portal-split:hover > .elementor-container > .elementor-column.pane {
  flex: 0.8 1 20%;
  filter: saturate(0.75) brightness(0.9);
}

/* La colonne survolée prend l'espace */
.portal-split > .elementor-container > .elementor-column.pane:hover {
  flex: 3 1 80%;
  filter: none;
  transform: scale(1.01);
}

/* Logo responsive et centré */
.portal-split .elementor-widget-image img {
  max-width: 60%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.45s ease;
}
.portal-split > .elementor-container > .elementor-column.pane:hover .elementor-widget-image img {
  transform: scale(1.05);
}

/* Mobile : empiler, pas d'effet hover */
@media (max-width: 767px) {
  .portal-split > .elementor-container {
    flex-direction: column;
  }
  .portal-split > .elementor-container > .elementor-column.pane,
  .portal-split:hover > .elementor-container > .elementor-column.pane,
  .portal-split > .elementor-container > .elementor-column.pane:hover {
    flex: 1 1 auto;
    transform: none;
    filter: none;
  }
  .portal-split .elementor-widget-image img { max-width: 70%; }
}/* End custom CSS */