/* ============================================================================
   a11y-audit.css — 18.08.2026, по итогам аудита (блок 6).
   Отдельный файл, а не правка template_styles.css: тот генерится из SCSS
   (_main.scss), и любая правка в нём терялась бы при следующей пересборке.
   Подключается ПОСЛЕ остальных стилей — см. footer.php.
   ============================================================================ */

/* --- 1. Индикатор фокуса ---------------------------------------------------
   В template_styles.css первым же правилом идёт `*{box-sizing:border-box;outline:none}`,
   то есть обводка фокуса снята со ВСЕГО сайта и ничем не заменена: человек,
   идущий по странице с клавиатуры, не видит, где находится.
   :focus-visible специфичнее `*`, поэтому побеждает независимо от порядка файлов.
   Обводка показывается только при навигации с клавиатуры — по клику мышью её нет. */
:focus-visible {
    outline: 2px solid #e31e24;
    outline-offset: 2px;
    border-radius: 2px;
}
/* тёмный фон — красная обводка на нём читается плохо, берём светлую */
.footer :focus-visible,
.header--dark :focus-visible,
.max-bar:focus-visible {
    outline-color: #fff;
}

/* --- 2. Размер целей нажатия ------------------------------------------------
   Точки переключения слайдера — 10x10 px при рекомендованных 24x24.
   Увеличиваем не саму точку (это изменило бы внешний вид), а невидимую
   область нажатия через псевдоэлемент. Внешне ничего не меняется. */
.swiper-pagination .swiper-pagination-bullet {
    position: relative;
}
.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
}

/* --- 3. Контраст текста ----------------------------------------------------
   Замеры Lighthouse: .ph-pct 4.11 и .tb-rd 4.37 при норме 4.5 для мелкого текста.
   Оттенки затемнены минимально — визуально это тот же зелёный и тот же красный. */
.ph-pct { color: #15703c; }   /* было #1e8449 на фоне #e1f4e9 -> контраст 4.11 */
.tb-rd  { color: #c8102e; }   /* было #e31e24 -> контраст 4.37 */

/* --- 4. Уважение к настройке «уменьшить движение» --------------------------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}