/*
 * GrandLiga — Android touch highlight cleanup v2
 *
 * Purpose:
 * Android Chromium can draw its own rectangular tap overlay around links
 * and controls even when the visible control itself is pill/rounded.
 *
 * Scope:
 * - Android only: html.gl-android is added in header.php.
 * - All frontend interactive links/buttons are covered, including:
 *   Home, Guides, Legal Insights, Contacts / "Choose office",
 *   article CTAs, menus, modal/question forms and technical pages.
 *
 * Non-goals:
 * - no layout, typography, spacing, colors or border-radius changes;
 * - no navigation / gl_section changes;
 * - no iPhone / iOS behavior changes;
 * - keyboard focus indicators are not removed.
 */

html.gl-android a,
html.gl-android button,
html.gl-android input[type="button"],
html.gl-android input[type="submit"],
html.gl-android input[type="reset"],
html.gl-android [role="button"],
html.gl-android summary,
html.gl-android label[for] {
    -webkit-tap-highlight-color: transparent;
}

/*
 * Some Android Chromium builds can retain a painted tap rectangle while
 * an element remains in a touch/hover state. This disables only the native
 * paint layer; component-specific :hover/:active design remains untouched.
 */
@media (hover: none), (pointer: coarse) {
    html.gl-android a,
    html.gl-android button,
    html.gl-android input[type="button"],
    html.gl-android input[type="submit"],
    html.gl-android input[type="reset"],
    html.gl-android [role="button"],
    html.gl-android summary,
    html.gl-android label[for] {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

/*
 * Preserve accessibility: do NOT disable outline globally.
 * Existing :focus-visible rules from the theme/browser continue to work.
 */