/**
 * @file
 * Secondary menu region layout styling.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

/*
 * .header-nav__secondary (page.html.twig) is always visible in the header
 * bar now, at every breakpoint, so this region no longer needs block-level
 * stacking margins — it's a flex row from the start.
 */

.region--secondary-menu {
  display: flex;
  align-items: center;
  gap: var(--sp0-5);
}

.region--secondary-menu > * {
    margin-block-end: 0;
  }

/* If the secondary nav is the first item within the header, it does not need left separator. */

.region--secondary-menu:first-child .secondary-nav::before {
    content: none;
  }