/*
 * Mobile interaction safety patch.
 * The hidden menu backdrop must never sit above page links and buttons.
 */
@media (max-width: 768px) {
  .mobile-menu-overlay {
    pointer-events: none;
    visibility: hidden;
  }

  .mobile-menu-overlay.active {
    pointer-events: auto;
    visibility: visible;
  }

  .burger-menu,
  .mobile-menu a,
  .mobile-menu button,
  a.btn-login,
  a.btn-register,
  a.btn-primary,
  a.btn-secondary,
  .game-categories button {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .burger-menu:focus-visible,
  .mobile-menu a:focus-visible,
  .mobile-menu button:focus-visible,
  a.btn-login:focus-visible,
  a.btn-register:focus-visible,
  a.btn-primary:focus-visible,
  a.btn-secondary:focus-visible,
  .game-categories button:focus-visible {
    outline: 3px solid #ffffff;
    outline-offset: 3px;
  }
}