/* ============================================================================
 * accessibility.css — режим для слабовидящих (класс html.cmyk-a11y).
 *
 * Включается флагом пользователя (users.accessibility_mode) или личным
 * переключателем в кабинете. Делает интерфейс крупнее и контрастнее, с особым
 * акцентом на ЧАТАХ. Все правила строго под html.cmyk-a11y — на остальных
 * пользователей не влияют.
 * ========================================================================== */

/* ── Глобально: умеренно крупнее и контрастнее ──────────────────────────── */
html.cmyk-a11y body {
    font-size: 1.14rem;
    line-height: 1.6;
    color: #0b1220;
    -webkit-font-smoothing: antialiased;
}
html.cmyk-a11y .text-muted,
html.cmyk-a11y .small,
html.cmyk-a11y small {
    color: #334155 !important;   /* приглушённый текст делаем читаемее */
}
html.cmyk-a11y .small,
html.cmyk-a11y small { font-size: .98rem !important; }

/* Кнопки и поля — крупнее, удобнее попадать */
html.cmyk-a11y .btn {
    font-size: 1.05rem;
    padding: .5rem .9rem;
}
html.cmyk-a11y .btn-sm { font-size: .98rem; padding: .4rem .7rem; }
html.cmyk-a11y .form-control,
html.cmyk-a11y .form-select {
    font-size: 1.08rem;
    min-height: 2.7rem;
}
html.cmyk-a11y .form-check-input { width: 1.3em; height: 1.3em; }

/* Навигация в боковом меню — крупнее */
html.cmyk-a11y .cmykos-sidebar__link { font-size: 1.06rem; }

/* Видимый фокус для клавиатуры */
html.cmyk-a11y a:focus-visible,
html.cmyk-a11y button:focus-visible,
html.cmyk-a11y .form-control:focus,
html.cmyk-a11y .form-select:focus {
    outline: 3px solid #2563eb !important;
    outline-offset: 2px;
}

/* ── ЧАТЫ: главный акцент ────────────────────────────────────────────────── */
html.cmyk-a11y .chat-bubble .body {
    font-size: 1.28rem !important;
    line-height: 1.55 !important;
}
html.cmyk-a11y .chat-bubble.other {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #1f2937 !important;
}
html.cmyk-a11y .chat-bubble.mine {
    background: #d8e4ff !important;
    color: #07142e !important;
    border: 2px solid #1d4ed8 !important;
}
html.cmyk-a11y .chat-bubble .sender {
    font-size: .98rem !important;
    color: #1d4ed8 !important;
    font-weight: 800 !important;
}
html.cmyk-a11y .chat-msg-time,
html.cmyk-a11y .chat-bubble .chat-msg-time {
    font-size: .92rem !important;
    color: #334155 !important;
}
/* Поле ввода сообщения — крупное */
html.cmyk-a11y .chat-composer-input,
html.cmyk-a11y #msg-input {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
}
html.cmyk-a11y .chat-composer-bar .btn {
    font-size: 1.2rem;
    padding: .5rem .8rem;
}
/* Список комнат / диалогов — крупнее */
html.cmyk-a11y #rooms-list,
html.cmyk-a11y .chat-room-item,
html.cmyk-a11y .chat-rooms-list {
    font-size: 1.1rem;
}
/* Разделители дат в чате */
html.cmyk-a11y .chat-date-divider,
html.cmyk-a11y .chat-day-sep {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}

/* ── Заголовки и карточки чуть крупнее ──────────────────────────────────── */
html.cmyk-a11y h1, html.cmyk-a11y .h1 { font-size: 2rem; }
html.cmyk-a11y h2, html.cmyk-a11y .h2 { font-size: 1.7rem; }
html.cmyk-a11y h3, html.cmyk-a11y .h3 { font-size: 1.45rem; }
html.cmyk-a11y .badge { font-size: .92em; }

/* Плавающая кнопка-переключатель (в кабинете) */
html.cmyk-a11y .a11y-toggle-btn { box-shadow: 0 0 0 3px rgba(37,99,235,.25); }