/* ---- theme-hud-overrides.css
   Fichier d'overrides pour restaurer la visibilité et l'interaction
   du header / partial/header lorsque le CSS buildé masque le menu.
   Ajoute ce fichier dans public/assets/css/themes/ et il est chargé
   après app.min.css pour forcer l'override en dépannage.
   IMPORTANT: retirer ou alléger ces !important une fois la règle
   fautive identifiée dans la source.
*/

/* ---- Fix header / partial/header visibility & interactions ---- */
header,
.header,
.site-header,
.partial-header,
.topbar,
.navbar,
.main-header,
.main-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  backface-visibility: visible !important;
  will-change: auto !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3100 !important;
  background: rgba(0,0,0,0.0) !important;
}

/* Forcer menu items visibles & cliquables */
.partial-header .nav,
.partial-header nav,
.header .nav,
.navbar-nav,
.main-menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: .5rem !important;
  overflow: visible !important;
}

.partial-header .nav-link,
.header a,
.header .nav-link,
.navbar a,
.main-menu a {
  /* couleur d'override sûre — ajuster si nécessaire */
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Dropdowns & submenus au-dessus */
.dropdown-menu,
.header .dropdown-menu,
.navbar .dropdown-menu {
  z-index: 3200 !important;
}

/* En cas d'overflow:hidden sur un parent .events-show ou .page-events */
.events-show *,
.events-show,
.page-events *,
.page-events {
  overflow: visible !important;
}

/* Évite que les transforms parents coupent la pile z-index */
.events-show .partial-header,
.page-events .partial-header {
  transform: none !important;
}

/* debug helper — à retirer après correction : */
body.has-header-issues .partial-header { outline: 2px dashed rgba(255,0,0,.6) !important; }