/* ═══════════════════════════════════════════════════════════ Версия для слабовидящих (ГОСТ Р 52872-2019) Классы вешаются на : a11y, a11y-fs-N, a11y-scheme-*, a11y-ls-N, a11y-img-*, a11y-serif. Управление — assets/site/js/a11y.js ═══════════════════════════════════════════════════════════ */ /* ── Кнопка в топбаре ── */ .a11y-topbar-btn{ background:none; border:1px solid rgba(168,197,224,.45); border-radius:var(--radius-pill); padding:3px 10px; color:#a8c5e0; display:inline-flex; align-items:center; gap:6px; font:inherit; line-height:16px; cursor:pointer; white-space:nowrap; } .a11y-topbar-btn:hover{ color:#fff; border-color:#fff; } .lk-topbar-right{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; } /* ── Иконка-кнопка в белой шапке (глаз, рядом с бургером) ── */ .lk-header-actions{ display:flex; align-items:center; gap:12px; flex:0 0 auto; } .a11y-header-btn{ width:44px; height:44px; flex:0 0 auto; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--lk-border,#dbe4f0); border-radius:var(--radius-pill); color:var(--lk-navy,#122a63); font-size:19px; line-height:1; } .a11y-header-btn:hover{ background:var(--lk-navy,#122a63); color:#fff; border-color:var(--lk-navy,#122a63); } /* ── Кнопка в мобильном меню ── */ .a11y-mobnav-btn{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin:14px 0 4px; padding:11px 14px; background:none; cursor:pointer; border:1px solid var(--lk-border,#dbe4f0); border-radius:var(--radius-pill); color:var(--lk-navy,#122a63); font:600 14px 'Montserrat',sans-serif; } /* ── Панель настроек ── */ .a11y-panel{ display:none; background:#122a63; color:#fff; border-bottom:3px solid #0b1f4e; } html.a11y .a11y-panel{ display:block; } .a11y-panel-inner{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; padding:12px 0; font-family:Arial,Helvetica,sans-serif; font-size:14px; } .a11y-group{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .a11y-group-label{ margin-right:2px; opacity:.85; } .a11y-btn{ min-width:40px; min-height:40px; padding:4px 10px; cursor:pointer; background:none; border:1px solid rgba(255,255,255,.55); border-radius:var(--radius-pill); color:inherit; font-family:inherit; font-size:14px; line-height:1; display:inline-flex; align-items:center; justify-content:center; } .a11y-btn:hover{ border-color:currentColor; } .a11y-btn[aria-pressed="true"]{ outline:3px solid currentColor; outline-offset:-3px; font-weight:700; } .a11y-btn--fs1{ font-size:14px; } .a11y-btn--fs2{ font-size:18px; } .a11y-btn--fs3{ font-size:22px; } /* свотчи цветовых схем — фиксированные цвета, схемы их не перекрашивают */ .a11y-sw{ font-weight:700; } .a11y-sw--bw{ background:#fff !important; color:#000 !important; } .a11y-sw--wb{ background:#000 !important; color:#fff !important; border-color:#fff; } .a11y-sw--blue{ background:#9dd1ff !important; color:#063462 !important; } .a11y-reset{ margin-left:auto; padding:9px 16px; cursor:pointer; background:#fff; color:#122a63; border:1px solid #fff; border-radius:var(--radius-pill); font-family:inherit; font-size:14px; font-weight:700; } @media (max-width:768px){ .a11y-panel-inner{ gap:10px 18px; } .a11y-reset{ margin-left:0; width:100%; } } /* ═══ Режим включён: базовые упрощения ═══ */ html.a11y *, html.a11y *::before, html.a11y *::after{ animation:none !important; transition:none !important; } html.a11y .wow{ visibility:visible !important; opacity:1 !important; } html.a11y a{ text-decoration:underline; } /* ── Гарнитура ── */ html.a11y body, html.a11y button, html.a11y input, html.a11y select, html.a11y textarea{ font-family:Arial,Helvetica,sans-serif !important; } html.a11y *:not(i):not([class*="bi-"]){ font-family:inherit; } html.a11y.a11y-serif body, html.a11y.a11y-serif button, html.a11y.a11y-serif input, html.a11y.a11y-serif select, html.a11y.a11y-serif textarea{ font-family:'Times New Roman',Georgia,serif !important; } /* ── Размер шрифта (масштаб) ── */ html.a11y-fs-2 body{ zoom:1.25; } html.a11y-fs-3 body{ zoom:1.5; } /* ── Межбуквенный интервал ── */ html.a11y-ls-2 body *:not(i):not([class*="bi-"]){ letter-spacing:.08em !important; } html.a11y-ls-3 body *:not(i):not([class*="bi-"]){ letter-spacing:.16em !important; } /* ═══ Цветовые схемы ═══ */ html.a11y-scheme-bw *:not(.a11y-sw), html.a11y-scheme-bw *:not(.a11y-sw)::before, html.a11y-scheme-bw *:not(.a11y-sw)::after{ background:#fff !important; color:#000 !important; border-color:#000 !important; box-shadow:none !important; text-shadow:none !important; background-image:none !important; } html.a11y-scheme-wb *:not(.a11y-sw), html.a11y-scheme-wb *:not(.a11y-sw)::before, html.a11y-scheme-wb *:not(.a11y-sw)::after{ background:#000 !important; color:#fff !important; border-color:#fff !important; box-shadow:none !important; text-shadow:none !important; background-image:none !important; } html.a11y-scheme-blue *:not(.a11y-sw), html.a11y-scheme-blue *:not(.a11y-sw)::before, html.a11y-scheme-blue *:not(.a11y-sw)::after{ background:#9dd1ff !important; color:#063462 !important; border-color:#063462 !important; box-shadow:none !important; text-shadow:none !important; background-image:none !important; } /* плейсхолдеры полей — в цвет схемы */ html.a11y-scheme-bw ::placeholder, html.a11y-scheme-wb ::placeholder, html.a11y-scheme-blue ::placeholder{ color:inherit !important; opacity:.7 !important; } /* логотип (img/svg) в тёмной схеме — целиком белый на прозрачном фоне */ html.a11y-scheme-wb .s-logo img, html.a11y-scheme-wb .s-logo svg{ background:transparent !important; filter:brightness(0) invert(1); } /* ═══ Изображения ═══ */ html.a11y-img-gray img, html.a11y-img-gray svg, html.a11y-img-gray video, html.a11y-img-gray iframe{ filter:grayscale(1) !important; } html.a11y-img-off img, html.a11y-img-off video, html.a11y-img-off iframe{ visibility:hidden !important; } html.a11y-img-off *{ background-image:none !important; }