/* Доступность (WCAG 2.1 AA): подписи только для скринридеров и ссылка «к контенту».
   Отдельный файл, а не main.css: вёрстка заказчика правится независимо, и эти
   правила не должны потеряться при следующей её замене. */

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Ссылка-обход навигации: не видна, пока не получит фокус с клавиатуры. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 12px 20px;
  background: #ff1320;
  color: #fff !important;
  font-size: 15px;
  border-radius: 0 0 8px 0;
}

.skip-link:focus {
  left: 0;
}

/* Видимый фокус: браузерный outline местами гасится темой. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #ff1320;
  outline-offset: 2px;
}

/* Целевой контейнер получает фокус программно — рамка вокруг всей страницы не нужна. */
#main-content:focus {
  outline: none;
}