:root {
    --a11y-focus: #0a84ff;
}

/* Show focus on the buttons themselves, override any reset */
.desktop-search__button:focus,
.desktop-search__button:focus-visible {
    outline: 2px solid var(--a11y-focus) !important;
    outline-offset: 2px;
}

/* Also show a ring on the container when anything inside is focused */
.desktop-search__boundary:focus-within {
    outline: 2px solid var(--a11y-focus);
    outline-offset: 3px;
}

/* If a parent clips outlines, use an inset ring on the buttons */
.desktop-search__button[data-a11y-overflow-fix]:focus,
.desktop-search__button[data-a11y-overflow-fix]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--a11y-focus) inset;
}

/* General fallbacks you already have are fine to keep */
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid var(--a11y-focus);
    outline-offset: 2px;
}