/* ==========================================================================
   ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ (ГОСТ Р 52872-2019 / WCAG 2.0)
   Активируется при добавлении класса .is-accessible к тегу body
   ========================================================================== */

/* 1. ГЛОБАЛЬНЫЕ СБРОСЫ И ОПТИМИЗАЦИЯ СКОРОСТИ И ВОСПРИЯТИЯ */
body.is-accessible * {
    background-image: none !important; /* Отключаем фоновые картинки */
    text-shadow: none !important;       /* Убираем тени текста, мешающие чтению */
    box-shadow: none !important;        /* Убираем лишний визуальный шум */
    transition: none !important;        /* Отключаем анимации переходов */
    animation: none !important;         /* Отключаем сложные анимации */
}

/* Обязательное выделение фокуса для навигации с клавиатуры (клавишей Tab) */
body.is-accessible *:focus {
    outline: 5px solid #000000 !important;
    outline-offset: 3px !important;
}

/* 2. БАЗОВЫЕ НАСТРОЙКИ (TYPOGRAPHY & BODY) */
body.is-accessible {
    color: #000000 !important;          /* Максимально черный текст */
    background: #ffffff !important;     /* Кристально белый фон */
    font-size: 18px !important;         /* Минимальный размер шрифта по ГОСТ */
    line-height: 1.6 !important;        /* Увеличенный межстрочный интервал */
    letter-spacing: 0.05em !important;  /* Увеличенный межбуквенный интервал */
}

body.is-accessible h1, 
body.is-accessible h2, 
body.is-accessible h3, 
body.is-accessible h4, 
body.is-accessible h5, 
body.is-accessible h6 {
    color: #000000 !important;
    font-weight: bold !important;
}

body.is-accessible h1 { font-size: 2.2rem !important; }
body.is-accessible h2 { font-size: 1.8rem !important; }
body.is-accessible h3 { font-size: 1.5rem !important; }

body.is-accessible h2.subTitle:after, 
body.is-accessible h1.noSubtitle:after {
    background-color: #000000 !important; /* Заменяем цветную плашку на черную */
}

/* 3. КОМПОНЕНТЫ BOOTSTRAP (TABS & PANELS) */
body.is-accessible .panel-default > .panel-heading {
    background: #000000 !important;
    border: 2px solid #000000 !important;
}
body.is-accessible .panel-default > .panel-heading:hover {
    background: #ffffff !important;
}
body.is-accessible .panel-default > .panel-heading a {
    color: #ffffff !important;
    font-weight: bold !important;
}
body.is-accessible .panel-default > .panel-heading:hover a {
    color: #000000 !important;
}
body.is-accessible .panel-title > a {
    color: #ffffff !important;
    text-decoration: underline !important; /* Ссылки должны быть подчеркнуты */
}

/* 4. ССЫЛКИ И КНОПКИ (LINKS AND BUTTONS) */
body.is-accessible a {
    color: #0000ee !important; /* Стандартный высококонтрастный синий для ссылок */
    text-decoration: underline !important;
    font-weight: bold !important;
}
body.is-accessible a:hover, 
body.is-accessible .scrollspyNav .active a {
    color: #551a8b !important; /* Пурпурный при наведении */
    text-decoration: none !important;
}
body.is-accessible ul.iconsList li a {
    color: #000000 !important;
}

/* Кнопки (делаем прямоугольными, контрастными, с толстой рамкой) */
body.is-accessible .btn,
body.is-accessible .btn-primary,
body.is-accessible .btn-info,
body.is-accessible .btn-success,
body.is-accessible .btn-warning,
body.is-accessible .btn-danger {
    background: #000000 !important;
    color: #ffffff !important;
    border: 3px solid #000000 !important;
    border-radius: 0px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
}
body.is-accessible .btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
}
body.is-accessible .btn-link {
    background: none !important;
    border: none !important;
    color: #0000ee !important;
}
body.is-accessible .btnWrapper {
    border: 2px solid #000000 !important;
}

/* 5. ШАПКА И МЕНЮ (HEADER & MAIN MENU) */
body.is-accessible #mainHeader {
    background-color: #ffffff !important;
    border-bottom: 4px solid #000000 !important;
}
body.is-accessible #mainMenu ul li a, 
body.is-accessible #resMainMenu ul li a {
    color: #000000 !important;
    font-size: 1.1rem !important;
}
body.is-accessible .navbar-default .navbar-nav > .active > a, 
body.is-accessible .navbar-default .navbar-nav > li > a:hover, 
body.is-accessible .navbar-default .navbar-nav > li > a:focus {
    background: #000000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 6. ПОДВАЛ (FOOTER) */
body.is-accessible footer {
    color: #000000 !important;
    background: #ffffff !important;
    border-top: 4px solid #000000 !important;
}
body.is-accessible #footerRights {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-top: 1px solid #000000 !important;
}
body.is-accessible p.credits,
body.is-accessible p.credits a {
    color: #000000 !important;
}

/* 7. СЛАЙДЕРЫ И ПАРАЛЛАКС-СЕКЦИИ (SLIDERS & PARALLAX) */
body.is-accessible #home, 
body.is-accessible #paralaxSlice1, 
body.is-accessible #paralaxSlice2, 
body.is-accessible #paralaxSlice3, 
body.is-accessible #paralaxSlice4 {
    background-color: #ffffff !important; /* Убираем картинки параллакса */
}
body.is-accessible .paralaxText blockquote, 
body.is-accessible .paralaxText h1, 
body.is-accessible .paralaxText h2, 
body.is-accessible .paralaxText h3, 
body.is-accessible .paralaxText p, 
body.is-accessible .paralaxText i,
body.is-accessible #flexHome h1,
body.is-accessible #flexHome h2 {
    color: #000000 !important;
    background: #ffffff !important;
}

body.is-accessible .slides .txt div,
body.is-accessible .flexslider h1,
body.is-accessible .flexslider h2,
body.is-accessible .flexslider .caption p {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}
body.is-accessible .flexslider .flex-direction-nav a {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 8. ПОРТФОЛИО И ФИЛЬТРЫ (PORTFOLIO) */
body.is-accessible nav#filter a {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}
body.is-accessible nav#filter a:hover, 
body.is-accessible nav#filter a.current {
    background-color: #000000 !important;
    color: #ffffff !important;
}
body.is-accessible li.filterTitle {
    color: #000000 !important;
    font-weight: bold !important;
}
body.is-accessible section#projectDescription {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
}
body.is-accessible .mask {
    background-color: rgba(0, 0, 0, 0.8) !important; /* Затемнение вместо цвета */
}

/* 9. ТАБЛИЦЫ ЦЕН, ФОРМЫ И СЕТКА NEKO (MISCELLANEOUS) */
body.is-accessible .pricingBloc {
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
}
body.is-accessible .pricingBloc ul li {
    border-bottom: 1px solid #000000 !important;
    color: #000000 !important;
}
body.is-accessible .pricingBloc h2, 
body.is-accessible .pricingBloc h3 {
    background-color: #000000 !important;
    color: #ffffff !important;
}
body.is-accessible .pricingBloc p {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-top: 1px solid #000000 !important;
}

/* Элементы форм (Инпуты делаем белыми с толстой черной рамкой) */
body.is-accessible .form-control,
body.is-accessible .form-control:focus {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
}

/* Ошибки валидации (Высокий контраст) */
body.is-accessible .error,
body.is-accessible label.error {
    color: #ffffff !important;
    background-color: #cc0000 !important; /* Яркий красный для критических ошибок */
    border: 2px solid #cc0000 !important;
    font-weight: bold !important;
    padding: 5px !important;
}

body.is-accessible #projectQuote, 
body.is-accessible #projectQuote h3 {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* Фреймворк Neko и флэт-блоки */
body.is-accessible .boxFeature i,
body.is-accessible .iconRounded,
body.is-accessible .iconLinks a span {
    color: #000000 !important;
    border-color: #000000 !important;
}
body.is-accessible .slice,
body.is-accessible .ctaBox,
body.is-accessible .color1, 
body.is-accessible .slice.color1, 
body.is-accessible .bulle.color1, 
body.is-accessible .ctaBox.color1,
body.is-accessible .color4, 
body.is-accessible .slice.color4, 
body.is-accessible .bulle.color4, 
body.is-accessible .ctaBox.color4 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}
body.is-accessible .color1 h1, body.is-accessible .color1 h2, body.is-accessible .color1 h3, 
body.is-accessible .color1 h4, body.is-accessible .color1 blockquote, body.is-accessible .color1 a,
body.is-accessible .color4 h1, body.is-accessible .color4 h2, body.is-accessible .color4 h3, 
body.is-accessible .color4 h4, body.is-accessible .color4 blockquote, body.is-accessible .color4 a {
    color: #000000 !important;
}