/*
 * Доступность: рамка фокуса с клавиатуры (29.09.2026, аудит 2.5.1).
 *
 * Тема гасит рамку у всех элементов (":focus { outline: transparent }")
 * и у кнопок (".btn:focus { outline: 0 }"), поэтому при переходе по Tab
 * не видно, где фокус. Рамка только для :focus-visible: при клике мышью
 * её нет, как и раньше. !important нужен против правил темы с большей
 * специфичностью (".btn:active:focus").
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
	outline: 2px solid #694DA1 !important;
	outline-offset: 2px !important;
}

/*
 * Текстовые поля: у них :focus-visible срабатывает и по клику мышью, кольцо
 * поверх рамки темы дало бы двойную обводку. Вместо кольца граница поля
 * становится фиолетовой, как у формы первого экрана (у темы она бледно-жёлтая
 * и на белом не видна). Флажки и кнопки остаются с кольцом.
 */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="file"]):focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: none !important;
	border-color: #694DA1 !important;
}

/* Тёмные полосы: чёрная панель поиска на компьютере, шапка и полоса подвала на телефоне */
.electro-navbar a:focus-visible,
.electro-navbar button:focus-visible,
.electro-navbar input[type="checkbox"]:focus-visible,
.handheld-header-v2 a:focus-visible,
.handheld-header-v2 button:focus-visible,
.handheld-footer-bar a:focus-visible,
.handheld-footer-bar button:focus-visible {
	outline-color: #fff !important;
}

/* Белые панели внутри тёмных полос: «Категории», корзина, поиск и меню на телефоне */
.electro-navbar .dropdown-menu a:focus-visible,
.electro-navbar .dropdown-menu button:focus-visible,
.handheld-header-v2 .site-search button:focus-visible,
.handheld-header-v2 .off-canvas-navigation a:focus-visible,
.handheld-header-v2 .off-canvas-navigation button:focus-visible {
	outline-color: #694DA1 !important;
}

/* Экраны мобильного меню прокручиваются и обрезают всё снаружи: рамка внутри ссылки */
.rd-oc a:focus-visible,
.rd-oc button:focus-visible {
	outline-offset: -2px !important;
}