/* Header sovrapposto all'hero.
   Non esprimibile con i block supports: il posizionamento assoluto del
   template part. La classe .ui-header è già applicata dai template. */
.ui-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  background: transparent;
}

/* L'header è fuori dal flusso: senza questo, il block-gap globale di
   wp-site-blocks lascia una striscia chiara sopra la prima sezione. */
.wp-site-blocks > header + * {
  margin-block-start: 0;
}

/* Il pulsante del menu mobile eredita il colore chiaro dell'header
   (di default il core lo forza al colore del testo di sistema). */
.ui-header .wp-block-navigation__responsive-container-open {
  color: currentColor;
}