/* ui-a11y-polish.css — additive accessibility + micro-interaction rules (no layout/box/colour changes).
   Loaded from layouts/app.blade.php. ROLLBACK: remove its <link> (and the .x10-skip-link markup). */

/* Skip link: off-screen until keyboard-focused */
.x10-skip-link{position:fixed;left:12px;top:-64px;z-index:1000000000;padding:10px 16px;border-radius:8px;
  background:#f5a623;color:#0a1929;font:600 14px/1.2 Inter,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none}
.x10-skip-link:focus{top:12px}

/* Keyboard focus ring (mouse/touch users never see it). Beats the 6 legacy "outline:none" rules. */
html body :is(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{
  outline:2px solid #ffc107!important;outline-offset:2px!important}
html body #app-main:focus{outline:none!important}   /* programmatic focus target of the skip link */

/* Native-feeling taps: no grey flash, no 300 ms delay / double-tap zoom on controls (pan + pinch unaffected) */
a,button,[role="button"],label,select,summary,input[type="submit"],input[type="button"]{
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}

/* Pressed feedback. Uses the independent `scale` property so existing transform/transition rules are untouched. */
button:not(:disabled):active,[role="button"]:active{scale:.98}
@media (hover:hover) and (pointer:fine){
  .x10-game-card:active,.x10-view-all-card:active,.x10-provider-card:active{scale:.985}
}

/* Respect the OS "reduce motion" setting */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}