/* ==========================================================================
   Header & Navigation
   Site header layout and wp:navigation block colour overrides.
   Fixed positioning and sticky background live in style.css @layer header.
   ========================================================================== */

@layer header {
  /* ----- Inner content: constrain width + padding ----- */

  .site-header {
    max-inline-size: var(--wp--style--global--wide-size, 1200px);
    margin-inline: auto;
    padding-block: var(--wp--preset--spacing--30, 0.75rem);
    padding-inline: var(--wp--preset--spacing--40, 1rem);
  }

  /* ----- Logo size ----- */

  .site-header .custom-logo {
    max-block-size: 3rem;
    inline-size: auto;
  }

  /* ----- Navigation block: mobile overlay colours ----- */

  /* Overlay background and close button inherit overlayBackgroundColor="contrast"
     set on the block, so only the close button icon needs a nudge. */
  .site-header .wp-block-navigation__responsive-container-close svg {
    fill: var(--wp--preset--color--base);
  }
}