/**
 * CSS pour masquer visuellement .header-right tout en préservant ses fonctionnalités
 */

/* Masquer visuellement .header-right */
.header-right,
.header-nav .header-right,
.header-nav.tablet-h .header-right,
header .header-right,
#header .header-right {
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important; /* Désactive les interactions visuelles */
}

/* Préserver les fonctionnalités en permettant les événements sur les éléments enfants */
.header-right *,
.header-nav .header-right *,
.header-nav.tablet-h .header-right *,
header .header-right *,
#header .header-right * {
  pointer-events: auto !important; /* Permet les interactions avec les éléments enfants */
}

/* Assurer que les actions void fonctionnent */
.header-right a[href="javascript:void(0)"],
.header-right button,
.header-right input,
.header-right select,
.header-right .js-toggle-submenu,
.header-right [data-toggle],
.header-right [onclick] {
  position: absolute !important;
  opacity: 0 !important;
  z-index: -1 !important;
  pointer-events: auto !important; /* Assure que les clics fonctionnent */
}

/* Éviter le clignotement lors du chargement */
.header-right {
  transition: none !important;
}