/* Стили для версии для слабовидящих */

/* Увеличение шрифта */
.a11y-font-large {
    font-size: 112.5% !important; /* 18px базовый */
}

.a11y-font-xlarge {
    font-size: 125% !important; /* 20px базовый */
}

/* Цветовая схема: Чёрный фон, белый текст */
.a11y-color-black-white {
    background-color: #000 !important;
    color: #fff !important;
}

.a11y-color-black-white * {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

.a11y-color-black-white a {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

.a11y-color-black-white button,
.a11y-color-black-white input,
.a11y-color-black-white select,
.a11y-color-black-white textarea {
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

.a11y-color-black-white img,
.a11y-color-black-white svg {
    filter: invert(1) !important;
}

/* Цветовая схема: Белый фон, чёрный текст */
.a11y-color-white-black {
    background-color: #fff !important;
    color: #000 !important;
}

.a11y-color-white-black * {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #000 !important;
}

.a11y-color-white-black a {
    color: #0000ff !important;
    text-decoration: underline !important;
}

.a11y-color-white-black button,
.a11y-color-white-black input,
.a11y-color-white-black select,
.a11y-color-white-black textarea {
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

/* Цветовая схема: Синий фон, белый текст */
.a11y-color-blue-white {
    background-color: #063462 !important;
    color: #fff !important;
}

.a11y-color-blue-white * {
    background-color: #063462 !important;
    color: #fff !important;
    border-color: #fff !important;
}

.a11y-color-blue-white a {
    color: #ffff00 !important;
    text-decoration: underline !important;
}

.a11y-color-blue-white button,
.a11y-color-blue-white input,
.a11y-color-blue-white select,
.a11y-color-blue-white textarea {
    background-color: #063462 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

/* Межбуквенный интервал */
.a11y-letter-wide {
    letter-spacing: 0.15em !important;
}

.a11y-letter-wide * {
    letter-spacing: 0.15em !important;
}

/* Скрытие изображений */
.a11y-no-images img {
    display: none !important;
}

.a11y-no-images svg:not(#accessibility-panel svg):not(#open-accessibility svg) {
    display: none !important;
}

/* Сохранение видимости панели доступности */
.a11y-color-black-white #accessibility-panel,
.a11y-color-white-black #accessibility-panel,
.a11y-color-blue-white #accessibility-panel {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.a11y-color-black-white #accessibility-panel > div,
.a11y-color-white-black #accessibility-panel > div,
.a11y-color-blue-white #accessibility-panel > div {
    background-color: #fff !important;
}

.a11y-color-black-white #accessibility-panel *,
.a11y-color-white-black #accessibility-panel *,
.a11y-color-blue-white #accessibility-panel * {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}

.a11y-color-black-white #open-accessibility,
.a11y-color-white-black #open-accessibility,
.a11y-color-blue-white #open-accessibility {
    background-color: #f59e0b !important;
    color: #fff !important;
}

.a11y-color-black-white #accessibility-panel button,
.a11y-color-white-black #accessibility-panel button,
.a11y-color-blue-white #accessibility-panel button {
    background-color: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

.a11y-color-black-white #accessibility-panel button:hover,
.a11y-color-white-black #accessibility-panel button:hover,
.a11y-color-blue-white #accessibility-panel button:hover {
    background-color: #f59e0b !important;
    color: #fff !important;
}

.a11y-color-black-white #accessibility-panel #apply-accessibility,
.a11y-color-white-black #accessibility-panel #apply-accessibility,
.a11y-color-blue-white #accessibility-panel #apply-accessibility {
    background-color: #f59e0b !important;
    color: #fff !important;
}

/* Улучшение контрастности для активных элементов */
.a11y-color-black-white .border-amber-500,
.a11y-color-white-black .border-amber-500,
.a11y-color-blue-white .border-amber-500 {
    border-color: #f59e0b !important;
    background-color: rgba(245, 158, 11, 0.2) !important;
}

/* Увеличение межстрочного интервала для лучшей читаемости */
.a11y-font-large,
.a11y-font-xlarge {
    line-height: 1.8 !important;
}

.a11y-font-large *,
.a11y-font-xlarge * {
    line-height: 1.8 !important;
}

/* Убираем тени и градиенты для упрощения */
.a11y-color-black-white *,
.a11y-color-white-black *,
.a11y-color-blue-white * {
    box-shadow: none !important;
    text-shadow: none !important;
    background-image: none !important;
}

/* Увеличение размера кликабельных элементов */
.a11y-font-large button,
.a11y-font-large a,
.a11y-font-xlarge button,
.a11y-font-xlarge a {
    min-height: 44px !important;
    padding: 12px 16px !important;
}