/* ===================================================================== Версия для слабовидящих (гос-требование РБ). Активируется классом .a11y-on на . Управляется через панель и cookie (см. inc/accessibility.php и main.js). ===================================================================== */ /* Панель управления (вверху страницы). */ .a11y-panel { background: #000; color: #fff; } .a11y-panel__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: 1200px; margin: 0 auto; padding: 10px 16px; } .a11y-panel__title { font-weight: 700; margin-left: 12px; } .a11y-btn { background: #fff; color: #000; border: 2px solid #fff; border-radius: 4px; padding: 4px 10px; cursor: pointer; font-weight: 700; line-height: 1; } .a11y-btn--lg { font-size: 1.4rem; } .a11y-btn--off { margin-left: auto; background: #ffd400; } .a11y-swatch { width: 26px; height: 26px; padding: 0; } .a11y-swatch--white { background: #fff; } .a11y-swatch--black { background: #000; border-color: #fff; } .a11y-swatch--blue { background: #9dd1ff; } /* ---------- Режим для слабовидящих ---------- */ /* Базовое: убираем декор, увеличиваем читаемость. */ body.a11y-on { --shadow-sm: none; --shadow-md: none; } body.a11y-on .site-header, body.a11y-on .card, body.a11y-on .service-card, body.a11y-on .layout__content { box-shadow: none; } /* Цветовые схемы. */ body.a11y-color-white, body.a11y-color-white .layout__content, body.a11y-color-white .card, body.a11y-color-white .service-card { background: #fff !important; color: #000 !important; } body.a11y-color-white a, body.a11y-color-white .section-title { color: #000 !important; } body.a11y-color-black, body.a11y-color-black .layout__content, body.a11y-color-black .card, body.a11y-color-black .service-card, body.a11y-color-black .topbar, body.a11y-color-black .header-main, body.a11y-color-black .navbar, body.a11y-color-black .site-footer { background: #000 !important; color: #fff !important; } body.a11y-color-black a, body.a11y-color-black h1, body.a11y-color-black h2, body.a11y-color-black h3, body.a11y-color-black .section-title { color: #fff !important; } body.a11y-color-black .btn { background: #fff !important; color: #000 !important; } body.a11y-color-blue, body.a11y-color-blue .layout__content, body.a11y-color-blue .card, body.a11y-color-blue .service-card, body.a11y-color-blue .topbar, body.a11y-color-blue .header-main, body.a11y-color-blue .navbar { background: #9dd1ff !important; color: #003a66 !important; } body.a11y-color-blue a, body.a11y-color-blue .section-title, body.a11y-color-blue h1, body.a11y-color-blue h2, body.a11y-color-blue h3 { color: #003a66 !important; } /* Размеры шрифта. */ body.a11y-size-small { font-size: 18px; } body.a11y-size-medium { font-size: 22px; } body.a11y-size-large { font-size: 28px; } body.a11y-on .card__title, body.a11y-on .service-card__title { font-size: 1.1em; } /* Межбуквенный интервал. */ body.a11y-spacing-on { letter-spacing: .12em; word-spacing: .16em; } /* Отключение изображений. */ body.a11y-images-off img { display: none !important; } body.a11y-images-off .card__media, body.a11y-images-off .hero, body.a11y-images-off .resources { display: none !important; } /* В режиме слабовидящих убираем многоколоночность ради линейного чтения. */ body.a11y-on .services__grid, body.a11y-on .resources__grid, body.a11y-on .news-block__grid, body.a11y-on .site-footer__inner, body.a11y-on .layout { grid-template-columns: 1fr !important; display: block; } body.a11y-on .card--card { grid-column: auto; }