/** Styles for Open Menu button beside main menu **/

.open-menu-link {
  line-height: 1rem;
}

/** Main desktop nav version **/
.header-nav .open-menu-link {
  color: var(--white);
}

.header-nav .open-menu-link .primary-nav__menu-link-inner--level-1 {
  padding: 1em 5px;
}

.header-nav .open-menu-link .primary-nav__menu-link-inner--level-1:focus,
.header-nav .open-menu-link:focus-visible {
  outline: solid 2px var(--laurier-gold);
}

.header-nav .open-menu-link .primary-nav__menu-link-inner--level-1:hover {
  outline: none;
  background-color: var(--laurier-gold);
  color: var(--black);
}

/** Offcanvas version **/

.offcanvas .open-menu-link {
  background-color: var(--laurier-gold);
  padding: 1rem;
  color: var(--black);
}

.offcanvas .open-menu-link:is(:hover, :focus) {
  outline: none;
  background-color: var(--laurier-purple);
  color: var(--white);
}

.offcanvas .open-menu-link .primary-nav__menu-link-inner--level-1:is(:hover) {
  outline: none;
}