/* =========================================================
   QUARZEO PRO V13.25
   Réactivation recherche, notifications et profil
   ========================================================= */

/* Le header reste au-dessus du contenu. */

#app.app:not(.hidden) .workspace > .topbar{
  position:sticky !important;
  z-index:600 !important;

  isolation:isolate !important;

  pointer-events:auto !important;
}

/* Les éventuels calques décoratifs ne doivent jamais
   intercepter la souris ou le clavier. */

#app.app:not(.hidden) .workspace > .topbar::before,
#app.app:not(.hidden) .workspace > .topbar::after,
#app.app:not(.hidden) .topActions::before,
#app.app:not(.hidden) .topActions::after,
#app.app:not(.hidden) .pageHeading::before,
#app.app:not(.hidden) .pageHeading::after{
  pointer-events:none !important;
}

/* Tous les vrais éléments du header passent au premier plan. */

#app.app:not(.hidden) .topbar > *,
#app.app:not(.hidden) .topbar .pageHeading,
#app.app:not(.hidden) .topbar .topActions{
  position:relative !important;
  z-index:602 !important;

  pointer-events:auto !important;
}

/* Zone d’actions du header. */

#app.app:not(.hidden) .topbar .topActions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;

  overflow:visible !important;
}

/* Recherche globale. */

#app.app:not(.hidden) .topbar .globalSearch{
  position:relative !important;
  z-index:604 !important;

  pointer-events:auto !important;
  cursor:text !important;
}

#app.app:not(.hidden) .topbar .globalSearch::before,
#app.app:not(.hidden) .topbar .globalSearch::after{
  pointer-events:none !important;
}

#app.app:not(.hidden) .topbar .globalSearch input,
#app.app:not(.hidden) #globalSearch{
  position:relative !important;
  z-index:605 !important;

  pointer-events:auto !important;
  user-select:text !important;

  cursor:text !important;

  touch-action:manipulation !important;
}

/* Bouton notifications. */

#app.app:not(.hidden) #notifBtn{
  position:relative !important;
  z-index:605 !important;

  pointer-events:auto !important;
  cursor:pointer !important;

  touch-action:manipulation !important;
}

#app.app:not(.hidden) #notifBtn > *{
  pointer-events:none !important;
}

/* Profil utilisateur. */

#app.app:not(.hidden) #profileChip,
#app.app:not(.hidden) .profileChip{
  position:relative !important;
  z-index:605 !important;

  pointer-events:auto !important;
  cursor:pointer !important;

  touch-action:manipulation !important;
}

#app.app:not(.hidden) #profileChip > *,
#app.app:not(.hidden) .profileChip > *{
  pointer-events:none !important;
}

/* Les résultats de recherche et les tiroirs doivent passer
   au-dessus du header et du reste de l’interface. */

#globalSearchResults{
  position:absolute !important;
  z-index:900 !important;

  pointer-events:auto !important;
}

#notifDrawer,
#profileDrawer{
  z-index:1000 !important;

  pointer-events:auto !important;
}

#notifDrawer *,
#profileDrawer *{
  pointer-events:auto;
}

/* Aucun contenu principal ne doit recouvrir le header. */

#app.app:not(.hidden) .workspace > .content,
#app.app:not(.hidden) #content{
  position:relative !important;
  z-index:1 !important;
}
