.elementor-kit-72{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a6c260e:#EAD7A0;--e-global-color-7cd624d:#EAD7A0;--e-global-color-dc7cd67:#234940;--e-global-color-7005588:#FE67C4;--e-global-color-7c49adc:#8E55FD;--e-global-color-ebc7ccc:#F20720;--e-global-color-15c2e2c:#FE924F;--e-global-color-4f6b15b:#FF61C3;--e-global-color-20b586f:#FE924E;--e-global-color-12651ca:#EC7F10;--e-global-color-a7e0396:#68B8F6;--e-global-color-b5d1777:#1A334C;--e-global-color-b34de8d:#D1BD87;--e-global-color-9cfd535:#5CAB8E;--e-global-color-752a6fb:#153C35;--e-global-color-bb85524:#E13994;--e-global-color-1a0ce82:#1DAFDC;--e-global-color-289f40f:#FAFAFA;--e-global-color-36fa4a3:#D9D9D9;--e-global-color-ae36efa:#15C068;--e-global-color-113aecf:#169AB4;--e-global-color-5be2ad0:#FD69C5;--e-global-color-d4bf9f3:#FE924F;--e-global-color-9b5ece9:#CB6FE6;--e-global-color-bc5f3e7:#FE5858;--e-global-color-02cba4d:#144FAF;--e-global-color-b0448a1:#000000;--e-global-color-fd65def:#CD7CE4;--e-global-color-3ac1a97:#66AB65;--e-global-color-568d41a:#FE924E;--e-global-color-167d6a4:#F20720;--e-global-color-e1f1672:#6A4735;--e-global-color-6d60488:#3B2A23;--e-global-color-cd5cadb:#181312;--e-global-color-75655a2:#F2F0EB;--e-global-color-7a8caf1:#00000059;--e-global-color-2a15d24:#B8912E;--e-global-color-1b55e34:#D4AF37;--e-global-color-cf2c301:#F3E8D8;--e-global-color-ec126b7:#FFFFFF;--e-global-color-8e1ec77:#FFF4E2;--e-global-typography-primary-font-family:"Inter";--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;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-72 e-page-transition{background-color:#FFBC7D;}@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 *//* === CAROUSEL IMAGE (classe : carousel-cover) === */

/* Image : garde son format original (pas de crop) */
.carousel-cover .swiper-slide img {
  width: 100%;
  height: auto;           /* conserve le ratio original */
  object-fit: contain;    /* garde les proportions sans rogner */
  display: block;
  border-radius: 16px;    /* angles arrondis */
  margin: 0 auto;         /* centre l’image dans le slide */
}

/* Slides : habillage et ombre légère */
.carousel-cover .swiper-slide {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  background: #fff;
}

/* Responsive : pas de hauteur forcée sur mobile */
@media (max-width: 767px) {
  .carousel-cover .swiper-slide img {
    height: auto;
    max-height: 320px;   /* limite la taille visuelle sans déformer */
  }
}

/* === ENCADRÉ PRESTATION (classe : presta-card) === */
.presta-card.e-con,
.presta-card.e-con > .e-con-inner {
  overflow: hidden !important;
  background-color: #FAFAFA !important;
  border: 2px solid #D9D9D9 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
  transform: scale(.97) !important;
  transform-origin: center !important;
}
.carousel-cover .swiper-wrapper {
  align-items: center;
}
:root{
  --sign-blue: #005BAC;
  --sign-white: #FFFFFF;
}

.aire-wrapper{
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 16px 22px;
  max-width: 980px;
  margin: 24px auto;
  padding: 8px;
  justify-items: center; /* centre chaque bouton dans sa colonne */
}

@media (max-width: 700px){
  .aire-wrapper{ grid-template-columns: 1fr; }
}

.aire-sign{
  /* Dimensions & proportions */
  box-sizing: border-box;
  width: min(100%, 420px);     /* ➜ moins large */
  min-height: 72px;            /* hauteur mini cohérente */
  padding: 16px 22px;

  /* Style panneau */
  background: var(--sign-blue);
  border: 4px solid var(--sign-white);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);

  /* Texte */
  font-family: "Overpass", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 26px;             /* taille uniforme */
  line-height: 1.1;
  text-transform: lowercase;
  text-align: center;
  text-decoration: none;
  color: var(--sign-white);
  text-shadow: 0 1px 0 rgba(0,0,0,.15);

  /* Interactions */
  transition: transform .16s ease, box-shadow .16s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ Empêche toute disparition du texte (toujours blanc) */
.aire-sign:link,
.aire-sign:visited,
.aire-sign:hover,
.aire-sign:active,
.aire-sign:focus {
  color: var(--sign-white) !important;
}

.aire-sign:hover{
  transform: translateY(-1px) scale(1.015);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Responsive léger pour très petits écrans */
@media (max-width: 420px){
  .aire-sign{ font-size: 22px; padding: 14px 18px; }
}
/* Décalage pour les ancres afin de ne pas être cachées par le header */
[id] {
  scroll-margin-top: 110px; /* ajuste selon la hauteur de ton header */
}
/* === STYLE DU BOUTON "AIRE D’ON THE ROAD AGAIN" === */

.btn-road {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 36px;
  margin-top: 24px;
  font-family: "Overpass", system-ui, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 26px;
  color: #FFFFFF;
  text-transform: lowercase;
  text-decoration: none;
  text-align: center;

  background-color: #005BAC;               /* bleu panneau autoroute */
  border: 4px solid #FFFFFF;               /* bordure blanche */
  border-radius: 14px;                     /* angles doux */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); /* ombre douce */

  transition: all 0.2s ease-in-out;
}

/* ✅ État survol (hover) */
.btn-road:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
  background-color: #006FE6;              /* bleu légèrement plus clair */
  color: #FFF !important;
}

/* ✅ Pour le rendre centré sur la page */
.btn-road-center {
  display: flex;
  justify-content: center;
}
/* === Bouton "Aire d’on the road again" (responsive) === */

/* Déjà défini précédemment
.btn-road { ... }
.btn-road:hover { ... }
.btn-road-center { ... }
*/

/* ≤ 1024px (tablette) */
@media (max-width: 1024px){
  .btn-road{
    font-size: 22px;
    padding: 16px 30px;
    border-width: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
  }
}

/* ≤ 768px (mobile) */
@media (max-width: 768px){
  .btn-road{
    font-size: 20px;
    padding: 14px 26px;
    border-radius: 12px;
    line-height: 1.1;
  }
}

/* ≤ 480px (petits mobiles) */
@media (max-width: 480px){
  .btn-road{
    font-size: 18px;
    padding: 12px 22px;
    width: min(92vw, 420px);   /* large mais pas collé aux bords */
  }

  /* centrage propre quand on fixe une largeur */
  .btn-road-center{
    padding-left: 4vw;
    padding-right: 4vw;
  }
}/* End custom CSS */