/* =========================================
= COMPOSANT — DRAWER MOBILE : ÉCRAN DE SOUS-MENU (.nl-drawer--screen-*)
= Bouton retour (toute la ligne est tappable) en tête d'écran.
= Markup : header-drawer-screen.php. Pas de JS propre.
= .nl-drawer--screen (positionnement du slider), .nl-drawer--menu et
= .nl-drawer--next (partagés avec l'écran racine) restent dans header-drawer.css.
= Pas de media query : le drawer entier est masqué sur desktop.
========================================= */
.nl-drawer--screen-head {
  appearance: none;
  width: 100%;
  border: 0;
  border-bottom: 0.0625rem solid var(--muted);
  background: transparent;
  cursor: pointer;
  color: var(--primary);
  font: inherit;
  text-align: left;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem 0;
}
.nl-drawer--screen-head:focus-visible {
  outline: 0.125rem solid var(--primary-40);
  outline-offset: 0.1875rem;
}

.nl-drawer--screen-title {
  font-weight: 500;
  font-size: var(--text-sm);
  color: var(--primary);
}