/* Fond global noir */
body { background:#000; margin:0; padding:0; }

/* Neutre : on désactive marges forcées du thème */
.site-main, .content-area, .site-content, .page, #primary {
  margin:0; padding:0;
}

/* (Option agressive) Sections Elementor en pleine largeur */
.elementor-section, .elementor > .e-con {
  width:100%; max-width:100%;
  margin-left:0; margin-right:0;
  padding-left:0; padding-right:0;
}

/* WP admin bar */
html { margin-top:0; }
#wpadminbar { position:fixed; }

/* Header sticky */
.header-fixe{
  position:fixed; top:0; left:0; right:0;
  z-index:1000;
  background:rgba(20,18,16,.45);
  backdrop-filter:blur(6px);
  overflow: visible; /* important : ne pas couper l'overlay */
}

/* ===== WPForms #498 ===== */
#wpforms-498, #wpforms-form-498 {
  --c-txt:#fff;
  --c-border:rgba(255,255,255,.4);
  --c-bg:rgba(255,255,255,.06);
  --c-ph:rgba(255,255,255,.7);
}
#wpforms-498 label { color:var(--c-txt); }
#wpforms-498 input[type="text"],
#wpforms-498 input[type="email"],
#wpforms-498 input[type="tel"],
#wpforms-498 input[type="url"],
#wpforms-498 input[type="number"],
#wpforms-498 input[type="date"],
#wpforms-498 textarea,
#wpforms-498 select {
  color:var(--c-txt);
  background:var(--c-bg) !important;
  border:1px solid var(--c-border) !important;
  border-radius:8px;
  padding:12px 14px;
}
#wpforms-498 ::placeholder { color:var(--c-ph); }
#wpforms-498 .wpforms-submit,
#wpforms-form-498 button[type="submit"].wpforms-submit {
  background:#b31c1c; color:#fff; border:none;
  padding:12px 24px; border-radius:8px;
  font-weight:600; text-transform:uppercase;
  transition:transform .2s ease, box-shadow .2s ease;
}
#wpforms-498 .wpforms-submit:hover {
  transform:scale(1.04);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
#wpforms-498 .wpforms-field-label,
#wpforms-498 .wpforms-field-sublabel { color:#fff; }

/* (si tu utilises #menu-overlay en HTML) */
#menu-overlay{
  position:fixed; inset:0;
  width:100%; height:100vh;
  background:rgba(0,0,0,0.95);
  z-index:9999;
  display:none; /* sera affiché via JS */
  justify-content:center; align-items:center; flex-direction:column;
}

/* Happy Addons OffCanvas en plein écran (widget avec classe .full-overlay côté Elementor) */
.full-overlay .ha-offcanvas-panel{
  position:fixed !important;
  inset:0 !important;              /* top/right/bottom/left = 0 */
  width:100vw !important;
  height:100vh !important;
  max-width:100vw !important;      /* (corrigé) */
  max-height:100vh !important;
  background:rgba(0,0,0,0.95) !important;
  z-index:9999 !important;

  display:flex !important;
  justify-content:center; align-items:center; flex-direction:column;
  overflow:auto !important;         /* scroll dans le panneau, pas la page */
}

/* Empêche la page derrière de défiler quand le menu est ouvert */
body.menu-open{ overflow:hidden ; height:100vh 
}

/* Le header global ne doit pas couper l'overlay */
header, .elementor-location-header{ overflow:visible ; }
.ha-offcanvas-toggle,
.uael-offcanvas-toggle,
.elementor-button {
    background-color: transparent ;
    border: none ;
    box-shadow: none ;
}

.ha-offcanvas-toggle:hover,
.uael-offcanvas-toggle:hover,
.elementor-button:hover {
    background-color: transparent ;
}
/* Supprimer le cercle Happy Addons (curseur personnalisé) */
.ha-mouse-cursor,
.ha-mouse-cursor-inner,
.ha-mouse-cursor-outer,
.ha-happy-addon-cursor {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Désactive l'effet de transformation du curseur */
body, * {
  cursor: auto !important;
}
/* Forcer le OffCanvas à sortir du header et occuper tout l’écran */
.full-overlay .ha-offcanvas-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  z-index: 99999 !important;
  background: rgba(0,0,0,0.95) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  overflow: auto !important;
}
header, .elementor-container, .elementor-section {
    overflow: visible !important;
    z-index: 9999 !important;
}


#site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}