/*!
 * BlueBike – widoczny fokus klawiatury (WCAG 2.1 AA, kryterium 2.4.7)
 *
 * Podwójny pierścień: granatowy do środka + biała otoczka na zewnątrz.
 * Dzięki temu wskazanie jest widoczne zarówno na jasnych sekcjach
 * (granat na białym = 14,49:1), jak i na ciemnych granatowych
 * (biała otoczka na granacie = 14,49:1). Wymagane minimum wg WCAG 1.4.11 to 3:1.
 *
 * :focus-visible oznacza, że obwódka pojawia się tylko przy nawigacji
 * klawiaturą – kliknięcia myszą wyglądają dokładnie tak jak dotychczas.
 */

html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body summary:focus-visible,
html body [role="button"]:focus-visible,
html body [role="link"]:focus-visible,
html body [tabindex]:focus-visible,
html body #bluebike-wrapper a:focus-visible,
html body #bluebike-wrapper button:focus-visible,
html body #bluebike-wrapper [tabindex]:focus-visible {
    outline: 3px solid #1F235B !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .95) !important;
}

/* Starsze przeglądarki bez obsługi :focus-visible – zapasowo zwykły :focus. */
@supports not selector(:focus-visible) {
    html body a:focus,
    html body button:focus,
    html body input:focus,
    html body select:focus,
    html body textarea:focus,
    html body #bluebike-wrapper a:focus,
    html body #bluebike-wrapper button:focus {
        outline: 3px solid #1F235B !important;
        outline-offset: 2px !important;
    }
}