/* =========================================================================== КОНТРАСТНАЯ ТЕМА КОНСТРУКТОРА — вариант B теста tema_kontrast (ТЗ 03.09.2026, п. 2). Включается классом dgr-tema-kontrast на (App\Lib\TemaKontrast, крючок в templates/layout/docs.php). Правило файла: ни одного нового элемента и ни одной новой картинки. Только цвета и рамки у СУЩЕСТВУЮЩИХ селекторов сайта (style-1.css, podskazki.css). Без класса на body файл не действует вовсе — вариант A это ровно прежняя страница. Палитра — из прототипа вёрстки 03.09.2026 (контраст по WCAG AA): зелёный #7CAB3D → #56772A (текст и заливка: 2,7 → 5,2) тёмнее #628A2C → #4C6A25 (наведение) ссылки #628A2C → #557726 коричневый #8D6959 → #886656 приглушённый #9B8D85 → #786B63 подложка блока выбора #BED597 → #C1D49A Из прототипа взяты только пять пунктов, прямо названных в ТЗ. =========================================================================== */ body.dgr-tema-kontrast{ --dgr-k-green:#56772A; --dgr-k-green-dark:#4C6A25; --dgr-k-link:#557726; --dgr-k-brown:#886656; --dgr-k-brown-dark:#6F5245; --dgr-k-muted:#786B63; --dgr-k-block:#C1D49A; --dgr-k-cream:#F7F8E6; --dgr-k-field:#EAE0DC; --dgr-k-field-line:#B69C92; } /* 1. Рамка конструктора */ body.dgr-tema-kontrast .new-doc-body{border-color:var(--dgr-k-green)} /* 2. Блок выбора: подложка, выбранная кнопка, рамка у невыбранной, доли */ body.dgr-tema-kontrast .new-one-block{background:var(--dgr-k-block)} /* невыбранная пилюля — белая с рамкой 2px: белое на светло-зелёном без рамки давало 1,6 при норме 3,0 для границ элементов управления. Рамка — тенью внутрь, чтобы не менять размеры пилюли и не двигать текст. */ body.dgr-tema-kontrast .custom-control-input ~ .custom-control-new::before{ box-shadow:inset 0 0 0 2px var(--dgr-k-green)} body.dgr-tema-kontrast .custom-radio .custom-control-input:checked ~ .custom-control-new::before, body.dgr-tema-kontrast .custom-radio .custom-control-input:focus ~ .custom-control-new::before, body.dgr-tema-kontrast .custom-radio .custom-control-input:active ~ .custom-control-new::before{ background-color:var(--dgr-k-green)!important;box-shadow:none} body.dgr-tema-kontrast .custom-checkbox .custom-control-input:checked ~ .custom-control-new::before{ background-color:var(--dgr-k-green)!important;box-shadow:none} /* выбор, сделанный пользователем при редактировании, остаётся красным — как на сайте */ body.dgr-tema-kontrast .checked-by-user .custom-radio .custom-control-input:checked ~ .custom-control-new::before{ background-color:#A91005!important} /* доля выбора: у невыбранной — разделитель зелёный; у выбранной — темнее пилюли */ body.dgr-tema-kontrast .custom-control-new .dgr-share{border-left-color:var(--dgr-k-green)} body.dgr-tema-kontrast .custom-control-input:checked ~ .custom-control-new .dgr-share{ border-left-color:rgba(255,255,255,.55)} /* Шкала документа (прогресс наверху): цифра и полоса заполнения. Баг 03.09 №1: полоса сливалась с подложкой блока выбора под ней — тот же зелёный. Теперь полоса на бежевом с зелёной чертой снизу, заполнение — светлее подложки блока. */ body.dgr-tema-kontrast .progress-proz-inside{color:var(--dgr-k-green)} body.dgr-tema-kontrast .progress{background:#F1F0EA;border-bottom:2px solid var(--dgr-k-green);box-sizing:border-box} body.dgr-tema-kontrast .progress::-webkit-progress-value{background:#DCE7C2} body.dgr-tema-kontrast .progress::-moz-progress-bar{background:#DCE7C2} body.dgr-tema-kontrast .progress-bar{background:#DCE7C2} /* 3. Текст и поля для редактирования */ /* Баг 03.09 №4: незаполненное поле выглядело блёкло рядом с контрастными кнопками — рамка коричневым из палитры, а не бледно-розовым */ body.dgr-tema-kontrast #doc-body .ch-field, body.dgr-tema-kontrast #doc-body .date-f{ background:var(--dgr-k-field);border-color:var(--dgr-k-brown);color:#382D28} body.dgr-tema-kontrast #doc-body .yes-field{ background:var(--dgr-k-cream)!important;border-color:var(--dgr-k-green)!important} body.dgr-tema-kontrast #doc-body .co-select, body.dgr-tema-kontrast #doc-body .co-select:hover, body.dgr-tema-kontrast #doc-body .co-select:focus{border-color:var(--dgr-k-green);background-color:var(--dgr-k-cream)} body.dgr-tema-kontrast #doc-body .my-fieald{border-color:var(--dgr-k-green)} body.dgr-tema-kontrast #doc-body .input-load{border-color:var(--dgr-k-field-line)} body.dgr-tema-kontrast #doc-body a{color:var(--dgr-k-link)} /* 4. Плавающие кнопки: контрастнее и на белой подложке, чтобы не терялись на тексте. Порядок кнопок задан явно (баг 03.09 №6): «Скачать» всегда слева, «Очистить поля» всегда справа, «Согласовать» между ними — какая бы ветка разметки ни отрисовала панель. */ body.dgr-tema-kontrast .block-more.plavaem{ background:#fff;border-radius:16px;padding:12px 16px; box-shadow:0 4px 18px rgba(56,45,40,.18); display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px} body.dgr-tema-kontrast .block-more.plavaem > .error-fields{flex:0 0 100%;order:0} body.dgr-tema-kontrast .block-more.plavaem > .check-fields, body.dgr-tema-kontrast .block-more.plavaem > .btns-free, body.dgr-tema-kontrast .block-more.plavaem > .free-link-btn{order:1} body.dgr-tema-kontrast .block-more.plavaem > .bottom-can-edit{order:2} body.dgr-tema-kontrast .block-more.plavaem > .clear-box{order:3} body.dgr-tema-kontrast .block-more.plavaem > .my-btn-small{margin:0} /* Баг №2: между панелью и краем экрана просвечивал текст — панель ниже. Положение ставит скрипт сайта inline (fixed при прокрутке, absolute у конца документа), поэтому целимся по этому inline-стилю. */ body.dgr-tema-kontrast .block-more.plavaem[style*="fixed"]{ bottom:0!important;border-radius:16px 16px 0 0} /* Баг №3: у конца документа панель садится в коричневую полосу рамки, и белая подложка торчала за края — в этом положении подложки нет. */ body.dgr-tema-kontrast .block-more.plavaem[style*="absolute"]{ background:transparent;box-shadow:none;padding:0 16px} /* 4 + 5. Кнопки — плавающие и в правой колонке — одной контрастности */ body.dgr-tema-kontrast .green-btn{background:var(--dgr-k-green)} body.dgr-tema-kontrast .green-btn:hover{background:var(--dgr-k-green-dark)} body.dgr-tema-kontrast .braun-btn{background:var(--dgr-k-brown)} body.dgr-tema-kontrast .braun-btn:hover{background:var(--dgr-k-brown-dark)} body.dgr-tema-kontrast .check-banner-right .my-btn-small{background:var(--dgr-k-brown)} body.dgr-tema-kontrast .check-banner-right .my-btn-small:hover{background:var(--dgr-k-brown-dark)} /* 5. Правая колонка: блок цены */ body.dgr-tema-kontrast .alternative-sidebar .price-wrapper{background:var(--dgr-k-cream)} body.dgr-tema-kontrast .alternative-sidebar .dgr-cena-srok{color:var(--dgr-k-muted)} body.dgr-tema-kontrast .alternative-sidebar .dgr-cena-tarif a{color:var(--dgr-k-link)}