/* Container hero */
.hebergement-hero {
  width: 100%;
  height: min(80vh, 820px); /* adapte si tu veux vraiment plein écran -> 90-100vh */
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

/* Image couvrante */
.hebergement-hero .slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Pagination (points) */
.hebergement-hero .swiper-pagination-bullets {
  bottom: 12px !important;
}
.hebergement-hero .swiper-pagination-bullet {
  background: rgba(255,255,255,0.9);
  opacity: .7;
}
.hebergement-hero .swiper-pagination-bullet-active {
  opacity: 1;
}

/* Flèches */
.hebergement-hero .swiper-button-prev,
.hebergement-hero .swiper-button-next {
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

/* Mobile : un peu plus haut, marge ok */
@media (max-width: 768px){
  .hebergement-hero { height: 64vh; border-radius: 12px; }
}

/****************************************
  BOUTON DE LANGUE DANS LE MENU PRINCIPAL
  (Polylang – item principal seulement)
*****************************************/

/* Style du bouton langue dans le menu principal */
.main-navigation .menu-item-language > a,
#site-navigation .menu-item-language > a,
.main-navigation .pll-parent-menu-item > a,
#site-navigation .pll-parent-menu-item > a {
  background-color: #f4ede4;       /* beige FORESIA */
  color: #1b1b1b !important;       /* texte foncé */
  padding: 6px 14px !important;
  border-radius: 999px;            /* effet pilule */
  font-weight: 500;
  transition: 0.25s ease-in-out;
}

/* Survol du bouton langue */
.main-navigation .menu-item-language > a:hover,
#site-navigation .menu-item-language > a:hover,
.main-navigation .pll-parent-menu-item > a:hover,
#site-navigation .pll-parent-menu-item > a:hover {
  background-color: #d9d2c8;
  color: #1b1b1b !important;
}

/* IMPORTANT : on remet un style normal pour la liste déroulante */
.main-navigation .menu-item-language .sub-menu a,
#site-navigation .menu-item-language .sub-menu a,
.main-navigation .pll-parent-menu-item .sub-menu a,
#site-navigation .pll-parent-menu-item .sub-menu a {
  background: transparent;
  border-radius: 0;
  padding: 0.4em 0.8em;
  color: inherit !important;
}
/****************************************
   MENU PRINCIPAL FORESIA – TYPO & ESPACEMENT
*****************************************/

/* 1. Rendre le menu moins "haut" (plus ajusté au texte) */
.primary-navigation .menu > .menu-item > a,
#site-navigation .menu > .menu-item > a {
  padding-top: 8px !important;    /* avant souvent 14–18px */
  padding-bottom: 8px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* 4. Police générale du menu : Bricolage Grotesque */
.primary-navigation,
.primary-navigation .menu,
.primary-navigation .menu a,
#site-navigation,
#site-navigation .menu,
#site-navigation .menu a,
.mobile-navigation,
.mobile-navigation .menu,
.mobile-navigation .menu a {
  font-family: "Bricolage Grotesque", system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", sans-serif !important;
}

/****************************************
   MEGA MENU – TITRES & LIENS HÉBERGEMENTS
*****************************************/

/* 2. Catégories (Les Artistes / Our cabins...) avec .menu-col-title */
.primary-navigation .menu-col-title > a,
#site-navigation .menu-col-title > a {
  font-weight: 700 !important;    /* gras */
  font-size: 14px !important;     /* 14 px */
}

/* 3. Sous-menus (liens d’hébergements sous chaque catégorie) en 13 px */
.primary-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a),
#site-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a) {
  font-size: 14px !important;
  font-weight: 400 !important;
}
/* --- Padding horizontal du méga-menu (liens uniquement) --- */
.primary-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a),
#site-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a) {
  padding-left: 6px !important;   /* ajuster ici selon goût */
  padding-right: 6px !important;
}
/* Réduction de la largeur interne des colonnes du méga-menu */
.primary-navigation .kadence-menu-mega-enabled .sub-menu > li,
#site-navigation .kadence-menu-mega-enabled .sub-menu > li {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
/****************************************
   TITRES DU MEGA-MENU : FOND VERT FONCÉ FIXE
*****************************************/

.primary-navigation .menu-col-title > a,
#site-navigation .menu-col-title > a {
  background: #4F6355 !important;     /* vert foncé */
  color: #c8cbc0 !important;          /* texte beige */
  border-radius: 8px !important;  
  padding: 6px 12px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: inline-block;
}

/****************************************
   LIENS (HÉBERGEMENTS) : HOVER OVALE
*****************************************/

/* liens normaux */
.primary-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a),
#site-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a) {
  background: transparent !important;
  padding: 4px 8px !important;        /* léger padding uniforme */
  border-radius: 999px !important;    /* fait l'ovale */
  transition: background 0.2s ease;
}

/* hover ovale */
.primary-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a):hover,
#site-navigation .kadence-menu-mega-enabled .sub-menu li a:not(.menu-col-title > a):hover {
  background: rgba(0,0,0,0.08) !important;  /* petite pastille grise transparente */
  border-radius: 999px !important;          /* garantit le pill */
}
/* --- STYLE DU MEGAMENU KADENCE PRO --- */

/* 1. Fond principal du megamenu */
.kt-header-extras-wrap .kadence-megamenu,
.kadence-menu-mega-enabled .sub-menu {
    border-radius: 18px !important; /* arrondi du fond */
    padding: 20px !important;       /* marge interne plus fine */
    max-width: 900px !important;    /* largeur maximale du dropdown */
    margin: 0 auto !important;      /* centrer le megamenu */
    background: rgba(255,255,255,0.95) !important; /* fond légèrement transparent */
}

/* 2. Colonnes du megamenu */
.kadence-megamenu .menu-item {
    padding: 0 15px !important;  /* réduit l’espace latéral */
}

/* 3. Optionnel : réduire l’espace entre colonnes */
.kadence-megamenu .kadence-megamenu-inner {
    column-gap: 30px !important;
}
/* ---- MEGAMENU UNIFORME COULEUR #c8cbc0 ---- */

/* Grand fond du megamenu */
.main-navigation .kadence-menu-mega-enabled > .sub-menu {
    background: #c8cbc0 !important;      /* COULEUR UNIFORME */
    max-width: 1080px !important;        /* largeur du megamenu */
    margin: 0 auto !important;           /* centré */
    border-radius: 32px !important;      /* arrondi */
    overflow: hidden !important;         /* coupe les angles internes */
    padding: 32px !important;            /* padding intérieur harmonisé */
    box-shadow: 0 6px 24px rgba(0,0,0,0.12); /* optionnel, effet premium */
}

/* Colonnes (on retire les cartes blanches) */
.main-navigation .kadence-menu-mega-enabled > .sub-menu > li {
    background: transparent !important;  /* on enlève les blocs blancs */
    box-shadow: none !important;
    padding: 0 24px !important;          /* espace latéral entre colonnes */
}

/* Sous-menus internes pour s’assurer qu’ils ne ramènent pas de blanc */
.main-navigation .kadence-menu-mega-enabled > .sub-menu li .sub-menu {
    background: transparent !important;
    box-shadow: none !important;
}
/* Largeur totale du megamenu (desktop) */
.main-navigation .kadence-menu-mega-enabled > .sub-menu {
    max-width: 900px !important;   /* essaie 900px / 860px / 820px selon ton goût */
}
/* --- Sur mobile, les mégamenus deviennent des menus normaux en liste --- */
@media (max-width: 1024px) {

  /* Le conteneur du megamenu se comporte comme un simple sous-menu */
  .kadence-mobile-drawer .kadence-menu-mega-enabled > .sub-menu {
      position: static !important;
      transform: none !important;
      max-width: 100% !important;
      width: 100% !important;
      background: #ffffff !important;   /* fond blanc simple */
      padding: 0 !important;
      margin: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
  }

  /* On enlève la mise en colonnes : tout en colonne verticale */
  .kadence-mobile-drawer .kadence-menu-mega-enabled .kadence-megamenu-inner {
      display: block !important;
      column-gap: 0 !important;
  }
/* MOBILE : sous-menus (y compris mégamenus) fond noir + texte beige */
@media (max-width: 1024px) {

  /* FOND des sous-menus */
  .main-navigation .sub-menu,
  .mobile-navigation .sub-menu,
  .kadence-mobile-menu-container .sub-menu {
      background-color: #000000 !important;  /* noir */
  }

  /* TEXTE des liens dans les sous-menus */
  .main-navigation .sub-menu a,
  .mobile-navigation .sub-menu a,
  .kadence-mobile-menu-container .sub-menu a {
      color: #c8cbc0 !important;            /* beige FORESIA */
  }
}
/* Dropdowns normaux (comme Planifiez) : style FORESIA */
.main-navigation .sub-menu {
    background: #c8cbc0;
    border-radius: 16px;
    padding: 12px 0;
}

/* Liens à l’intérieur des dropdowns normaux */
.main-navigation .sub-menu li a {
    padding: 8px 16px;
    font-size: 14px;
}
/* ---------- FORESIA PRICING BLOCK ---------- */

.foresia-rate-box{
    background:#c8cbc0;
    color:#4F6355;
    border-radius:24px;
    padding:28px;
    font-family:"Bricolage Grotesque", sans-serif;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    max-width:900px;
    margin:40px auto;
}

.foresia-rate-title{
    font-size:1.6rem;
    margin:0 0 6px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-weight:600;
}

.foresia-rate-sub{
    font-size:1rem;
    margin:0 0 24px;
    opacity:0.9;
}

/* Sections */
.foresia-section{
    background:rgba(255,255,255,0.75);
    padding:18px 20px 16px;
    border-radius:18px;
    margin-bottom:18px;
}

.foresia-section h3{
    margin:0 0 10px;
    font-size:1.1rem;
    letter-spacing:0.05em;
    text-transform:uppercase;
}

.foresia-section p{
    margin:4px 0;
    font-size:0.95rem;
}

.foresia-highlight{
    font-weight:600;
    color:#2f413a;
}

/* Grid layout */
.foresia-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
    gap:14px;
}

.foresia-season-card{
    background:rgba(255,255,255,0.88);
    padding:16px 18px;
    border-radius:18px;
}

.foresia-season-card h4{
    margin:0 0 8px;
    font-size:1rem;
    text-transform:uppercase;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:8px;
}

.foresia-season-card p{
    margin:3px 0;
    font-size:0.9rem;
}

/* Icônes */
.foresia-icon{
    width:20px;
    height:20px;
    stroke:#4F6355;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:none;
}