/* Quick links nav (Seasonal calendar / Picking / Extraction and storage /
   Pretreatment / Sowing / Growing) above the Seasonal calendar section.
   .step-nav / .step-nav__label are Bricks global classes created purely as
   class-name carriers (no rules defined in the Bricks builder UI) - layout
   styling lives here. The six links themselves use the site's real button
   system (brxe-button btn--base btn--s bricks-button) instead of bespoke
   CSS, so their fill/hover/focus colours and sizing come from
   automatic-bricks.css, not from this file. */

.step-nav__label {
  margin: 0 0 0.5em;
  font-size: var(--text-m);
  font-weight: 600;
  color: var(--text-color);
}

.step-nav {
  display: flex;
  flex-direction: row; /* the Bricks container base style defaults to column - override it */
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6em;
}

/* The site's real button hover state only swaps background/text/border
   colour (see automatic-bricks.css's [class*="btn--"]:hover rule) - it
   doesn't add a non-colour cue on its own. Scoped to this nav only, so the
   site's general button styling elsewhere is untouched. */
.step-nav .brxe-button:hover,
.step-nav .brxe-button:focus-visible {
  text-decoration: underline;
}