.cls-1 {
  stroke: none !important;
}

/* =========================
   ACTIF + HOVER (niveau 1) — inchangé
========================= */

.item2 .elementor-item-active{ background-color:#f94608 !important; }
.item2 a:hover{ background-color:#f94608 !important; }

.item3 .elementor-item-active{ background-color:#ffdf64 !important; color:#000 !important; }
.item3 a:hover{ background-color:#ffdf64 !important; color:#000 !important; }

.item4 .elementor-item-active{ background-color:#3e0342 !important; color:#fff !important; }
.item4 a:hover{ background-color:#3e0342 !important; color:#fff !important; }

.item5 .elementor-item-active{ background-color:#e31a44 !important; color:#fff !important; }
.item5{ color:#fff !important; background-color:#e31a44 !important; transform:skewX(-15deg); }

/* =========================
   BASE liens + ::after
========================= */

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li a{
  background:none !important;
  position:relative;
  z-index:1;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li a::after{
  position:absolute;
  inset:0;
  content:"";
  z-index:-1;
  transform:none !important;
}

/* Niveau 1 : inclinaison conservée */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none > ul > li > a::after{
  transform:skewX(-15deg) !important;
}

/* Couleurs niveau 1 */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li.item1 a::after{ background:#eb464f; }
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li.item2 a::after{ background:#e6552a; }
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li.item3 a::after{ background:#fae078; }
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li.item4 a::after{ background:#380840; }
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none ul li.item5 a::after{ background:#eb464f; }

/* =========================
   FIX dropdown : alignement + hover collé à gauche
   (corrige le décalage provoqué par l’inclinaison du niveau 1)
========================= */

/* 1) Le sub-menu doit être calculé depuis le  parent */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none > ul > li.menu-item-has-children{
  position:relative;
}

/* 2) Annule le décalage/transform appliqué par Elementor sur le dropdown */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none > ul > li.menu-item-has-children > ul.sub-menu{
  left:0 !important;
  right:auto !important;
  margin-left:0 !important;
  padding-left:0 !important;
  transform:translateX(0) !important;
}

/* 3) IMPORTANT : compense le "skew" du parent.
   Si ton skew est -15deg, décale le dropdown vers la gauche d’un montant fixe.
   Ajuste la valeur (ex: -10px / -14px / -18px) jusqu’à ce que ce soit pile aligné. */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none > ul > li.menu-item-has-children > ul.sub-menu{
  margin-left:-10px !important;
}

/* 4) Le lien du dropdown doit prendre toute la largeur (pour que le bleu colle à gauche) */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a{
  display:block;
}

/* 5) Dans le dropdown : pas d’inclinaison */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a::after{
  transform:none !important;
}

/* 6) Hover dropdown : fond bleu plein + texte blanc */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a:hover{
  color:#fff !important;
  background-color:transparent !important;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a:hover::after{
  background:#012243 !important;
}

/* FIX dropdown : hover bleu collé au bord gauche */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu{
  padding-left:0 !important;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li{
  padding-left:0 !important;
  overflow:hidden;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a{
  display:block;
  width:100%;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a::after{
  left:0 !important;
  right:0 !important;
  width:auto !important;
  transform:none !important;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a:hover{
  color:#fff !important;
  background-color:transparent !important;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a:hover::after{
  background:#012243 !important;
}
/* ===== FIX définitif dropdown : hover bleu plein largeur (collé à gauche) ===== */

/* Le dropdown ne doit pas avoir de padding qui crée une "marge" à gauche */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu{
  padding:0 !important;
  margin:0 !important;
}

/* On coupe le ::after dans le dropdown (sinon il peut créer des décalages) */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu a::after{
  display:none !important;
}

/* Les lignes du dropdown prennent toute la largeur */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li{
  width:100%;
  margin:0 !important;
  padding:0 !important;
}

/* Le lien reste en block, sur toute la largeur */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li > a{
  display:block;
  width:100%;
  background:transparent !important;
}

/* Hover : on colore le LI (plein largeur, bord à bord) */
.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li:hover{
  background:#012243 !important;
}

.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-none .sub-menu li:hover > a{
  color:#fff !important;
}
/* fin CSS menu */

.elementor-menu-anchor {
  margin-top: -110px;
  padding-top: 110px;
}

.elementor-field-type-radio.elementor-field-group.elementor-column.elementor-field-group-field_4d9c30c.elementor-col-80 {
  margin-left: -70px;
}

.elementor-button:hover {
  background-color: #012243 !important;
  border-color: #FFDF65 !important;
}

.reserver {
  font-family: "Poppins", Sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  fill: #000000;
  color: #000000 !important;
  background-color: var( --e-global-color-53bc7c3 );
  border-style: solid;
  border-radius: 30px 30px 30px 30px;
  padding: 10px !important;
}



.elementor-counter-title {
  text-align: center;
}

.ville-search {
    margin-bottom: 15px;
    width: 100%;
}

.ville-item {
    display: block;
    padding: 5px 10px;
}


li.ultra a.elementor-item {
  background-color: #fae078 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #000000 !important;
  
}

/* SCROLL HORIZONTAL MOBILE - SECTION ELEMENTOR (2 colonnes à l’écran, scrollbar blanche) */

@media (max-width: 767px) {

  .scroll-mobile{
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  .scroll-mobile > .elementor-container{
    display: flex;
    flex-wrap: nowrap;
  }

    .scroll-mobile .elementor-column{
    flex: 0 0 auto;
  }

  /* Scrollbar blanche (Chrome / Edge / Android) */
  .scroll-mobile::-webkit-scrollbar{
    height: 6px;
  }
  .scroll-mobile::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.75);
    border-radius: 999px;
  }
  .scroll-mobile::-webkit-scrollbar-track{
    background: rgba(255,255,255,.25);
    border-radius: 999px;
  }

}