/*
 * Quadeye Accessibility Fixes - Round 2 (audit of 20 Jul 2026) - CSS layer
 * Issues: 4 (1.4.3 hover/focus contrast), reflow support, gallery focus affordance.
 * Additive only; delete file to revert.
 */

/* ---- Issue 4: OneTap replaces focused elements' background with translucent
   yellow rgba(255,204,0,.1), dropping text contrast to 1.5-3.8:1.
   Restore proper backgrounds on focus. Our blue focus ring (v1 layer)
   already provides the visible indicator. ---- */
html body a:focus,
html body a:focus-visible {
  background-color: transparent !important;
}
html body .wpcf7-form input[type="submit"]:focus,
html body .wpcf7-form button[type="submit"]:focus,
html body input[type="submit"]:focus,
html body input[type="button"]:focus,
html body .grve-btn:focus,
html body .grve-btn:focus-visible {
  background-color: #0546d6 !important;
  border-color: #0546d6 !important;
  color: #ffffff !important;
}
html body .grve-btn:focus span {
  color: #ffffff !important;
}
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="tel"]:focus,
html body textarea:focus {
  background-color: #ffffff !important;
  color: #232122 !important;
}
html body span[role="button"]:focus,
html body div[role="button"]:focus {
  background-color: transparent !important;
}

/* ---- Gallery keyboard affordance: show the hover overlay when the slide's
   link has keyboard focus (parity with mouse hover) ---- */
figure.grve-image-hover:focus-within .grve-hover-overlay {
  opacity: 0.9 !important;
}

/* ---- Reflow at 320px: wide tables scroll inside their own wrapper instead
   of forcing the whole page to scroll horizontally (wrapper added by v2 JS) ---- */
.qa11y-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

/* ---- Visit Us list: no visual change needed; roles added via JS ---- */