/* Стили для улучшения доступности */

/* КРИТИЧЕСКИ ВАЖНО: Полностью отключаем обводку для всех элементов */
* {
    outline: none !important;
}

*:focus {
    outline: none !important;
}

*:active {
    outline: none !important;
}

/* ПОЛНОСТЬЮ отключаем обводку для всех элементов при клике мышью */
*:focus {
    outline: none !important;
}

/* Включаем обводку ТОЛЬКО при навигации с клавиатуры (Tab) */
*:focus-visible {
    outline: 2px solid #0d6efd !important;
    outline-offset: 2px !important;
}

/* Дополнительная защита - убираем обводку для всех элементов */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
div:focus,
span:focus,
p:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
img:focus,
ul:focus,
ol:focus,
li:focus,
.card:focus,
.nav-link:focus,
.breadcrumb-item:focus,
.list-group-item:focus {
    outline: none !important;
}

/* Скрытые элементы для скрин-ридеров */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sr-only-focusable:focus {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: inherit !important;
    margin: inherit !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}

/* Убираем обводку для всех элементов навигации */
.nav-link:focus,
.breadcrumb-item:focus,
.list-group-item:focus,
.btn:focus,
.dropdown-toggle:focus,
.page-link:focus,
.gf-subnav .nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем обводку для полей ввода при клике мышью */
.form-control:focus,
.form-check-input:focus {
    outline: none !important;
}

/* Убираем обводку для всех карточек и контейнеров */
.card:focus,
.container:focus,
.row:focus,
.col:focus,
.col-md-4:focus,
.col-lg-8:focus {
    outline: none !important;
}
