/* ✳️ START MODULE: MENU FOCUS & TAP HIGHLIGHT FIX (siteNav/offcanvas + .menu) */
/* Verberg tap-highlight binnen het offcanvas menu */
#siteNav, #siteNav * { -webkit-tap-highlight-color: var(--overlay-black-0); }

/* Container zelf krijgt geen outline wanneer hij focus krijgt bij openen */
#siteNav:focus,
#siteNav:focus-visible {
  outline: none;
}

/* Standaard outline weg voor focusable binnen menu; we voorzien eigen ring voor keyboard via :focus-visible */
#siteNav .menu a,
#siteNav .menu button,
#siteNav .menu [role="menuitem"],
#siteNav .menu [tabindex] {
  outline: none;
}

/* Toetsenbord focus: duidelijke, INSET ring zodat overflow:hidden niets afknipt */
#siteNav .menu a:focus-visible,
#siteNav .menu button:focus-visible,
#siteNav .menu [role="menuitem"]:focus-visible,
#siteNav .menu [tabindex]:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--main-color);
  border-radius: 8px;
}

/* Als je liever een buitenste ring hebt i.p.v. inset, gebruik dit (kan clippen bij overflow:hidden):
#siteNav .menu a:focus-visible,
#siteNav .menu button:focus-visible,
#siteNav .menu [role="menuitem"]:focus-visible,
#siteNav .menu [tabindex]:focus-visible {
  outline: 2px solid var(--main-color);
  outline-offset: -2px;
}
*/
/* ✳️ EINDE MODULE: MENU FOCUS & TAP HIGHLIGHT FIX */