/* Language switch (NL | EN) in the main menu.
   Separate from style.css, because the RS-60 product page does not load the theme stylesheet. */
.lang-switch {
  display: inline-flex; align-items: center; gap: 2px; padding: 3px;
  border: 1px solid var(--c-line, #e3e9f3); border-radius: 999px;
  background: rgba(10, 38, 71, .04);
}
.lang-switch__icon {
  width: 15px; height: 15px; flex: none; margin: 0 3px 0 6px;
  color: var(--c-muted, #5a6a85);
}
.primary-nav .lang-switch a.lang-switch__item {
  display: inline-flex; align-items: center; justify-content: center;
  margin: 0; padding: 6px 10px; border: 0; border-radius: 999px;
  background: transparent; box-shadow: none;
  font-family: var(--font-head, inherit); font-size: .74rem; font-weight: 600;
  letter-spacing: .08em; line-height: 1; color: var(--c-muted, #5a6a85);
  transition: background .25s ease, color .25s ease;
}
.primary-nav .lang-switch a.lang-switch__item::before,
.primary-nav .lang-switch a.lang-switch__item::after { display: none; }
.primary-nav .lang-switch a.lang-switch__item:hover { background: rgba(45, 166, 255, .12); color: var(--c-primary, #0a2647); }
.primary-nav .lang-switch a.lang-switch__item.is-active {
  background: var(--c-primary, #0a2647); color: #fff;
  box-shadow: 0 4px 12px -6px rgba(10, 38, 71, .6);
}
.primary-nav .lang-switch a.lang-switch__item:focus-visible { outline: 2px solid var(--c-accent, #2da6ff); outline-offset: 2px; }

/* Desktop: the switch sits to the right of the menu. */
@media (min-width: 981px) {
  .primary-nav { display: flex; align-items: center; gap: 14px; }
}

/* Mobile drawer: a full-width switch under the menu. */
@media (max-width: 980px) {
  .primary-nav .lang-switch { display: flex; width: 100%; margin-top: 18px; padding: 4px; }
  .primary-nav .lang-switch__icon { width: 18px; height: 18px; margin: 0 6px 0 8px; }
  .primary-nav .lang-switch a.lang-switch__item { flex: 1; padding: 11px 10px; font-size: .86rem; border-bottom: 0; }
}