diff --git a/src/styles.css b/src/styles.css index 394554a..01cee75 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1720,11 +1720,24 @@ select option { border-color: rgba(255,255,255,0.26); } +.lang-option:focus-visible { + outline: none; + border-color: var(--accent); + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.55); +} + .lang-option.active { border-color: var(--accent); box-shadow: 0 0 0 1px rgba(145, 70, 255, 0.2); } +/* Active + focused — combine the pressed-state border with the + thicker focus halo so keyboard users still see which one was + focused even when it's also the currently-selected language. */ +.lang-option.active:focus-visible { + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.55); +} + .flag-icon { width: 16px; height: 12px;