/* ================================================================
   visually-impaired.css — Версия для слабовидящих
   ГОСТ Р 52872-2012
   ================================================================ */

/* ---- Панель управления ---- */
#vi-panel {
  display: none;
  position: sticky;
  top: 0;
  z-index: 99999;
  background: #1a1a1a;
  padding: 10px 20px;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  border-bottom: 3px solid #ffcc00;
  font-family: Arial, Helvetica, sans-serif;
}

#vi-panel.vi-panel-open {
  display: flex;
}

.vi-panel-label {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 4px;
  font-family: Arial, Helvetica, sans-serif;
}

.vi-panel-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.vi-btn {
  font-family: Arial, Helvetica, sans-serif;
  border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  font-weight: 600;
}

.vi-btn:hover,
.vi-btn.vi-btn-on {
  background: #ffffff;
  color: #000000;
}

.vi-sep {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.35);
  margin: 0 2px;
  flex-shrink: 0;
}

#vi-btn-close {
  margin-left: auto;
  border-color: #ff4444;
  color: #ff4444;
}

#vi-btn-close:hover {
  background: #ff4444;
  color: #fff;
}

/* ---- Базовые стили активного режима ---- */
body.vi-active {
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.8 !important;
  letter-spacing: 0.02em !important;
}

body.vi-active * {
  font-family: Arial, Helvetica, sans-serif !important;
  text-shadow: none !important;
  box-shadow: none !important;
  animation: none !important;
  transition: none !important;
  border-radius: 0 !important;
  background-image: none !important;
}

/* Убираем псевдоэлементы с фоновыми изображениями */
body.vi-active *::before,
body.vi-active *::after {
  background-image: none !important;
}

/* Навигация — только убираем тени у дропдаунов */
body.vi-active .nav-dropdown .dropdown-menu {
  box-shadow: none !important;
}

/* Кнопки и ссылки */
body.vi-active a {
  text-decoration: underline !important;
}

body.vi-active button,
body.vi-active .btn-primary,
body.vi-active .btn-outline {
  border: 2px solid currentColor !important;
  border-radius: 0 !important;
  padding: 10px 20px !important;
}

/* ================================================================
   ЦВЕТОВЫЕ СХЕМЫ
   ================================================================ */

/* --- Чёрный на белом (ЧнБ, vi-scheme-wb) --- */
body.vi-active.vi-scheme-wb,
body.vi-active.vi-scheme-wb *:not(#vi-panel):not(#vi-panel *) {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

body.vi-active.vi-scheme-wb a,
body.vi-active.vi-scheme-wb a * {
  color: #00008b !important;
}

body.vi-active.vi-scheme-wb .site-header,
body.vi-active.vi-scheme-wb .main-nav {
  border-bottom: 3px solid #000000 !important;
}

/* --- Белый на чёрном (БнЧ, vi-scheme-bw) --- */
body.vi-active.vi-scheme-bw,
body.vi-active.vi-scheme-bw *:not(#vi-panel):not(#vi-panel *) {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

body.vi-active.vi-scheme-bw a,
body.vi-active.vi-scheme-bw a * {
  color: #ffff00 !important;
}

body.vi-active.vi-scheme-bw .site-header,
body.vi-active.vi-scheme-bw .main-nav {
  border-bottom: 3px solid #ffffff !important;
}

/* --- Жёлтый на синем (ЖнС, vi-scheme-by) --- */
body.vi-active.vi-scheme-by,
body.vi-active.vi-scheme-by *:not(#vi-panel):not(#vi-panel *) {
  background-color: #003366 !important;
  color: #ffff00 !important;
  border-color: #ffff00 !important;
}

body.vi-active.vi-scheme-by a,
body.vi-active.vi-scheme-by a * {
  color: #ffffff !important;
}

body.vi-active.vi-scheme-by .site-header,
body.vi-active.vi-scheme-by .main-nav {
  border-bottom: 3px solid #ffff00 !important;
}

/* ================================================================
   РАЗМЕРЫ ШРИФТОВ
   ================================================================ */
body.vi-active.vi-size-normal { font-size: 18px !important; }
body.vi-active.vi-size-normal p,
body.vi-active.vi-size-normal li,
body.vi-active.vi-size-normal span,
body.vi-active.vi-size-normal a,
body.vi-active.vi-size-normal td,
body.vi-active.vi-size-normal div { font-size: 18px !important; }
body.vi-active.vi-size-normal h1 { font-size: 32px !important; }
body.vi-active.vi-size-normal h2 { font-size: 26px !important; }
body.vi-active.vi-size-normal h3 { font-size: 22px !important; }

body.vi-active.vi-size-large { font-size: 22px !important; }
body.vi-active.vi-size-large p,
body.vi-active.vi-size-large li,
body.vi-active.vi-size-large span,
body.vi-active.vi-size-large a,
body.vi-active.vi-size-large td,
body.vi-active.vi-size-large div { font-size: 22px !important; }
body.vi-active.vi-size-large h1 { font-size: 38px !important; }
body.vi-active.vi-size-large h2 { font-size: 30px !important; }
body.vi-active.vi-size-large h3 { font-size: 26px !important; }

body.vi-active.vi-size-xlarge { font-size: 26px !important; }
body.vi-active.vi-size-xlarge p,
body.vi-active.vi-size-xlarge li,
body.vi-active.vi-size-xlarge span,
body.vi-active.vi-size-xlarge a,
body.vi-active.vi-size-xlarge td,
body.vi-active.vi-size-xlarge div { font-size: 26px !important; }
body.vi-active.vi-size-xlarge h1 { font-size: 44px !important; }
body.vi-active.vi-size-xlarge h2 { font-size: 36px !important; }
body.vi-active.vi-size-xlarge h3 { font-size: 30px !important; }

/* ================================================================
   СКРЫТИЕ КАРТИНОК
   ================================================================ */
body.vi-active.vi-no-images img {
  display: none !important;
}

body.vi-active.vi-no-images .footer-logo,
body.vi-active.vi-no-images .logo {
  display: none !important;
}

/* ================================================================
   КНОПКА СЛАБОВИДЯЩИМ — подсветка когда режим активен
   ================================================================ */
body.vi-active .accessibility-btn {
  background: #ffcc00 !important;
  color: #000 !important;
  border-color: #000 !important;
}