/*
 * Global focus behavior for clickable components.
 *
 * Pointer interactions should not keep sticky focus visuals.
 * Keyboard users retain visible focus through :focus-visible.
 */

:where(
    button,
    a[href],
    [role="button"],
    .button,
    .wp-element-button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
):focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

@media (hover: none) and (pointer: coarse) {
    :where(
        button,
        a[href],
        [role="button"],
        .button,
        .wp-element-button,
        input[type="button"],
        input[type="submit"],
        input[type="reset"]
    ) {
        -webkit-tap-highlight-color: transparent;
    }
}