body.accessibility-mode {
  background: #111 !important;
  color: #fff !important;
}

body.accessibility-mode *,
body.accessibility-mode *:before,
body.accessibility-mode *:after {
  background: transparent !important;
  color: #fff !important;
  border-color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.accessibility-mode img,
body.accessibility-mode picture,
body.accessibility-mode svg,
body.accessibility-mode video {
  filter: grayscale(100%) brightness(0.55) contrast(1.1) !important;
}

body.accessibility-mode a,
body.accessibility-mode a:visited,
body.accessibility-mode a:active {
  color: #fff !important;
  text-decoration: underline !important;
}

body.accessibility-mode h1,
body.accessibility-mode h2,
body.accessibility-mode h3,
body.accessibility-mode h4,
body.accessibility-mode h5,
body.accessibility-mode h6 {
  color: #fff !important;
}

body.accessibility-mode .logo {
  filter: grayscale(100%) brightness(1.2) !important;
}

/* Контейнери та боковий блок */
body.accessibility-mode #ja-wrapper,
body.accessibility-mode #main,
body.accessibility-mode .container,
body.accessibility-mode .rightcol,
body.accessibility-mode .sidebar,
body.accessibility-mode .ja-col,
body.accessibility-mode .ja-inset,
body.accessibility-mode .ja-content {
  background: #111 !important;
}

/* Зміна розміру шрифту */
body { font-size: 100%; transition: font-size 0.2s; }
body.accessibility-mode.big-font { font-size: 120% !important; }
body.accessibility-mode.small-font { font-size: 90% !important; }

/* Стилі для кнопок */
.accessibility-btns {
  margin-top: 8px;
  display: flex;
  gap: 10px;
}
.accessibility-btns button {
  background: none;
  border: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  padding: 2px 14px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 6px;
  transition: background 0.2s, color 0.2s;
}
.accessibility-btns button:hover {
  background: #222;
  color: #fff;
}

/* ---------- Головний блок для білих модулів/колонок --------- */

body.accessibility-mode .moduletable,
body.accessibility-mode .module,
body.accessibility-mode .user-module,
body.accessibility-mode .whiteblock,
body.accessibility-mode .rightcol,
body.accessibility-mode .sidebar,
body.accessibility-mode .ja-col,
body.accessibility-mode .ja-inset,
body.accessibility-mode .ja-content,
body.accessibility-mode .ja-box,
body.accessibility-mode td,
body.accessibility-mode th {
    background: #fff !important;
}

/* Усі нащадки у білих блоках — чорний текст, чорні бордери */
body.accessibility-mode .moduletable *,
body.accessibility-mode .module *,
body.accessibility-mode .user-module *,
body.accessibility-mode .whiteblock *,
body.accessibility-mode .rightcol *,
body.accessibility-mode .sidebar *,
body.accessibility-mode .ja-col *,
body.accessibility-mode .ja-inset *,
body.accessibility-mode .ja-content *,
body.accessibility-mode .ja-box *,
body.accessibility-mode td *,
body.accessibility-mode th * {
    color: #111 !important;
    border-color: #111 !important;
    text-shadow: none !important;
}

/* Посилання у білих блоках — чорні */
body.accessibility-mode .moduletable a,
body.accessibility-mode .module a,
body.accessibility-mode .user-module a,
body.accessibility-mode .whiteblock a,
body.accessibility-mode .rightcol a,
body.accessibility-mode .sidebar a,
body.accessibility-mode .ja-col a,
body.accessibility-mode .ja-inset a,
body.accessibility-mode .ja-content a,
body.accessibility-mode .ja-box a,
body.accessibility-mode td a,
body.accessibility-mode th a {
    color: #111 !important;
    text-decoration: underline !important;
}

/* Заголовки у білих блоках — чорні */
body.accessibility-mode .moduletable h1,
body.accessibility-mode .module h1,
body.accessibility-mode .user-module h1,
body.accessibility-mode .whiteblock h1,
body.accessibility-mode .rightcol h1,
body.accessibility-mode .sidebar h1,
body.accessibility-mode .ja-col h1,
body.accessibility-mode .ja-inset h1,
body.accessibility-mode .ja-content h1,
body.accessibility-mode .ja-box h1,
body.accessibility-mode td h1,
body.accessibility-mode th h1,
body.accessibility-mode .moduletable h2,
body.accessibility-mode .module h2,
body.accessibility-mode .user-module h2,
body.accessibility-mode .whiteblock h2,
body.accessibility-mode .rightcol h2,
body.accessibility-mode .sidebar h2,
body.accessibility-mode .ja-col h2,
body.accessibility-mode .ja-inset h2,
body.accessibility-mode .ja-content h2,
body.accessibility-mode .ja-box h2,
body.accessibility-mode td h2,
body.accessibility-mode th h2 {
    color: #111 !important;
}
body.accessibility-mode .moduletable *,
body.accessibility-mode .module *,
body.accessibility-mode .user-module *,
body.accessibility-mode .whiteblock *,
body.accessibility-mode .rightcol *,
body.accessibility-mode .sidebar *,
body.accessibility-mode .ja-col *,
body.accessibility-mode .ja-inset *,
body.accessibility-mode .ja-content *,
body.accessibility-mode .ja-box *,
body.accessibility-mode td *,
body.accessibility-mode th *,
body.accessibility-mode .moduletable * *,
body.accessibility-mode .module * *,
body.accessibility-mode .user-module * *,
body.accessibility-mode .whiteblock * *,
body.accessibility-mode .rightcol * *,
body.accessibility-mode .sidebar * *,
body.accessibility-mode .ja-col * *,
body.accessibility-mode .ja-inset * *,
body.accessibility-mode .ja-content * *,
body.accessibility-mode .ja-box * *,
body.accessibility-mode td * *,
body.accessibility-mode th * * {
    color: #111 !important;
}
body.accessibility-mode .box-right,
body.accessibility-mode .box-right * {
    color: #111 !important;
}
body.accessibility-mode .box-right a,
body.accessibility-mode .box-right a:visited,
body.accessibility-mode .box-right a:active {
    color: #111 !important;
    text-decoration: underline !important;
}
body.accessibility-mode .box-right,
body.accessibility-mode .box-right *,
body.accessibility-mode .box-right *:not(svg):not(path) {
    color: #111 !important;
    fill: #111 !important;
    background: none !important;
}

body.accessibility-mode .box-right a,
body.accessibility-mode .box-right a:visited,
body.accessibility-mode .box-right a:active,
body.accessibility-mode .box-right a *,
body.accessibility-mode .box-right a *:not(svg):not(path) {
    color: #111 !important;
    text-decoration: underline !important;
}