.elementor-7360 .elementor-element.elementor-element-26e8b76{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:37px;--padding-left:0px;--padding-right:0px;}.elementor-7360 .elementor-element.elementor-element-ab84cc5{--display:flex;}.elementor-7360 .elementor-element.elementor-element-2c57bf9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-7360 .elementor-element.elementor-element-2c57bf9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-3f5adda *//* ===== GLASS PLUS CLAIR (header & mega) ===== */
header.header--solid,
header.header--mega{
  background: rgba(26, 26, 34, 0.58) !important;
  border-bottom: 1px solid rgba(255,255,255,0.16) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  /* Nouvelle lueur en inset, plus de pseudo-ligne séparée */
  box-shadow: inset 0 -1px 0 rgba(212,175,55,.35),
              0 8px 26px rgba(0,0,0,0.28) !important;
}

/* Supprime l'ancienne pseudo-lueur */
header.header--solid::after,
header.header--mega::after{
  content: none;
}

/* Mega plus lumineux / glassy */
.mega{
  background: rgba(34, 34, 44, 0.52) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.34) !important;
}

/* Colonnes internes */
.mega-col{
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;
}

/* Typo du mega bien lisible */
.mega h4{ color:#fff !important; opacity:.96 !important; }
.mega a{ color:#fff !important; }
.mega a:hover{ background: rgba(255,255,255,0.10) !important; }

/* Pills lisibles */
.pill{
  color:#fff !important;
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.26) !important;
}

/* CTA : texte en blanc au hover (anti-violet) */
.btn:hover, .btn--gold:hover{ color:#fff !important; }

/* ===== MOBILE ULTRA-OPTIMISÉ ===== */
@media (max-width: 900px){
  nav ul{ display:flex; gap:18px; }
  .nav{ padding:10px 14px; }
  .brand img{ height:26px; }
  .btn{ padding:10px 14px; font-size:14px; border-radius:20px; }

  .nav-item .mega{
    position: fixed !important;
    left: 0; right: 0; bottom: 0; top: auto;
    transform: translateY(12px);
    width: 100%; min-width: 0; border-radius: 16px 16px 0 0 !important;
    padding: 16px !important;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
  }
  .nav-item.open .mega{
    opacity: 1; pointer-events: auto; transform: translateY(0);
  }
  .mega-grid{ grid-template-columns: 1fr; gap:12px; }
  .mega a{ font-size:16px; padding:12px; }
  .nolink{ font-size:16px; padding:12px; }
}

/* Interaction mobile : ouverture menu */
.nav-item.open .mega{ display:block; }/* End custom CSS */