/* ============================================================================
 * accessible.css — «Версия для слабовидящих» (переработано)
 *   • кнопка-триггер (глаз) в шапке
 *   • панель контролов — ТОЛЬКО внутри режима (в обычном виде её нет)
 *   • сам режим: чистый высококонтрастный вид, крупный текст, масштаб шрифта
 *     кнопками через переменную --pm-fs (см. accessible.js)
 * ========================================================================== */

/* ── Кнопка-триггер «Слабовидящим» (глаз) в шапке ── */
.pm-accessible-btn {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 10px;
    background: transparent;
    border: 1.5px solid rgba(30,135,250,.35);
    border-radius: 6px;
    font: 500 12px/1 inherit;
    color: #5b6b86; cursor: pointer;
    transition: .15s; white-space: nowrap;
}
.pm-accessible-btn:hover,
.pm-accessible-btn[aria-pressed="true"] {
    background: #1e87fa; border-color: #1e87fa; color: #fff;
}
.pm-accessible-btn svg { flex-shrink: 0; }

/* ── Панель контролов: скрыта по умолчанию, показывается ТОЛЬКО в режиме ── */
.pm-accessible-panel { display: none; }

html.pm-accessible .pm-accessible-panel {
    display: flex; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: 10px 22px;
    position: fixed; top: 0; left: 0; right: 0; z-index: 100000;
    padding: 10px 18px;
    background: #123a63; color: #fff;
    font-family: 'Inter', Arial, sans-serif; font-size: 15px;
    border-bottom: 2px solid #fff;
}
html.pm-accessible body { padding-top: 54px !important; }         /* панель не перекрывает контент */
html.pm-accessible .header { position: static !important; }       /* чтобы sticky-шапка не лезла под панель */

.pm-accessible-panel__label { font-weight: 600; }
.pm-accessible-panel__group { display: flex; align-items: center; gap: 8px; }
.pm-accessible-panel__hint  { opacity: .85; }

.pm-ap-btn, .pm-ap-exit {
    font-family: inherit; cursor: pointer;
    border: 1.5px solid #fff; border-radius: 6px;
    background: transparent; color: #fff;
    padding: 5px 11px; font-weight: 600; line-height: 1;
}
.pm-ap-btn:hover, .pm-ap-exit:hover { background: #fff; color: #123a63; }
.pm-ap-btn[data-pm-font="reset"] { font-size: 13px; }
.pm-ap-btn[data-pm-font="inc"]   { font-size: 17px; }
.pm-ap-exit { font-weight: 700; }

/* ══════════════════════════════════════════════════════════════════════════
 * САМ РЕЖИМ — чистый высококонтрастный вид
 * ════════════════════════════════════════════════════════════════════════ */
html.pm-accessible { --pm-fs: 1; background: #fff; }
html.pm-accessible body { background: #fff !important; color: #111 !important; }

/* убрать декоративные фоновые картинки (баннеры-подложки) */
html.pm-accessible [style*="background-image"] { background-image: none !important; }

/* Типографика — крупнее; масштаб регулируется кнопками через --pm-fs.
   Базовые размеры в px, множитель через calc — без компаундинга. */
html.pm-accessible body,
html.pm-accessible p, html.pm-accessible li,
html.pm-accessible td, html.pm-accessible th,
html.pm-accessible label, html.pm-accessible blockquote {
    font-size: calc(18px * var(--pm-fs)) !important;
    line-height: 1.7 !important;
    color: #111 !important;
}
html.pm-accessible h1 { font-size: calc(30px * var(--pm-fs)) !important; color: #111 !important; }
html.pm-accessible h2 { font-size: calc(25px * var(--pm-fs)) !important; color: #111 !important; }
html.pm-accessible h3 { font-size: calc(21px * var(--pm-fs)) !important; color: #111 !important; }
html.pm-accessible h4 { font-size: calc(19px * var(--pm-fs)) !important; color: #111 !important; }

/* Ссылки — синие, подчёркнутые; без фиолетового/красного */
html.pm-accessible a           { color: #0b4da2 !important; text-decoration: underline !important; }
html.pm-accessible a:visited   { color: #0b4da2 !important; }
html.pm-accessible a:hover,
html.pm-accessible a:focus      { color: #08386f !important; }

/* Кнопки/CTA — сплошной синий, высокий контраст (панель контролов не трогаем) */
html.pm-accessible .button,
html.pm-accessible button[type="submit"]:not(.pm-header-search__icon),
html.pm-accessible .popup-request {
    background: #0b4da2 !important; color: #fff !important;
    border: 2px solid #0b4da2 !important;
    font-size: calc(16px * var(--pm-fs)) !important;
}
html.pm-accessible .button:hover,
html.pm-accessible .popup-request:hover { background: #08386f !important; border-color: #08386f !important; }

/* Поля ввода — явные рамки */
html.pm-accessible input:not(.pm-header-search__input),
html.pm-accessible textarea,
html.pm-accessible select {
    border: 2px solid #333 !important; color: #111 !important;
    background: #fff !important; font-size: calc(16px * var(--pm-fs)) !important;
}

/* Шапка */
html.pm-accessible .header { background: #fff !important; border-bottom: 2px solid #333 !important; }

/* Hero — убрать чёрную инверсию, сделать чистым */
html.pm-accessible .pm-hero,
html.pm-accessible .intro,
html.pm-accessible section[class*="hero"] { background: #fff !important; }
html.pm-accessible .pm-hero *,
html.pm-accessible .intro.pm-srv-hero * { color: #111 !important; }
html.pm-accessible .pm-hero a { color: #0b4da2 !important; }

/* Убрать анимации/тени — спокойнее для восприятия */
html.pm-accessible * {
    animation: none !important; transition: none !important;
    box-shadow: none !important; text-shadow: none !important;
}