/* ===== DMSK · доп. стили для WordPress-блоков =====
   Дополняет styles.css прототипа: <mark> в hero, Font Awesome иконки
   вместо инлайн-SVG, оформление Contact Form 7 и состояний валидации. */

/* заголовки не капитализируем (тема может ставить capitalize) */
.hero h1,.hero h2,.sec-head h2,.sec-head .eyebrow{text-transform:none !important}
.eyebrow,.sec-head .eyebrow{text-transform:uppercase !important}

/* списки в секциях: убираем дефолтные отступы/маркеры темы */
.plan .desc,.plan p,.aud p,.case-desc,.sec-head p{margin-left:0 !important;margin-right:0 !important}
.plan .desc{margin-top:0 !important;margin-bottom:0 !important;min-height:40px}
.sec ul,.aud ul,.plan ul{padding:0 !important;list-style:none !important}
.aud ul{margin-left:0 !important}
.sec li,.aud li,.plan li{margin-left:0 !important;padding-left:0 !important;list-style:none !important;text-indent:0 !important}
.sec li::marker,.aud li::marker,.plan li::marker{content:none !important}

/* --- Hero: выделение части заголовка --- */
.hero h1 mark{background:none !important;color:var(--blue-l) !important;padding:0}

/* ===== Перебиваем глобальные цвета темы WP на тёмных секциях ===== */
/* Тема часто задаёт color для h1..h4/p/a/li через global styles — возвращаем задуманное. */
.hero, .hero h1, .hero h2, .hero h3, .hero p, .hero span, .hero a, .hero li,
.sec-dark, .sec-dark h1, .sec-dark h2, .sec-dark h3, .sec-dark h4, .sec-dark p, .sec-dark span, .sec-dark li,
#contact, #contact h1, #contact h2, #contact h3, #contact p, #contact span, #contact li,
.ftr, .ftr h1, .ftr h2, .ftr h3, .ftr h4, .ftr p, .ftr span, .ftr a, .ftr li{color:#fff}

.hero .lead, .sec-dark .lead, #contact .lead{color:#c3c7cc}
.hero .eyebrow, .sec-dark .eyebrow, #contact .eyebrow{color:var(--steel-l)}
.hero h1 em{color:var(--blue-l)}
/* кнопки на светлом фоне сохраняют свой цвет текста */
.hero .btn-light, .sec-dark .btn-light, #contact .btn-light{color:var(--ink)}
.hero .btn-primary, .sec-dark .btn-primary{color:#fff}
.step p{color:#c3c7cc}
.ftr-about{color:var(--steel-l)}
.ftr h4{color:var(--steel)}
.ftr-col a{color:#c3c7cc}
.ftr-col a:hover, .ftr .brand-name b{color:#fff}
.ftr-bot p{color:var(--steel)}
.contacts small{color:var(--steel-l)}
.contacts a, .contacts b{color:#fff}
.strip-lab{color:var(--steel)}
.strip-cur{color:#c3c7cc}
/* карточки на светлом фоне внутри тёмных секций — явные цвета, НЕ inherit
   (иначе текст наследует белый от .hero и исчезает на белом фоне) */
.hero .stmt{color:var(--ink)}
.hero .stmt .stmt-id b, .hero .stmt .sdesc, .hero .stmt .sdesc b{color:var(--ink)}
.hero .stmt .stmt-id small, .hero .stmt .stmt-page, .hero .stmt .sdate,
.hero .stmt .sref, .hero .stmt .sdesc i, .hero .stmt .samt.out{color:var(--steel)}
.hero .stmt .samt.in, .hero .stmt .sstatus, .hero .stmt .sstatus span{color:var(--ok)}
.hero .stmt .sflag{color:#fff}
.plan.feat, .plan.feat h3, .plan.feat .rate b, .plan.feat li, .plan.feat span{color:#fff}
.plan.feat .desc, .plan.feat .rate span, .plan.feat .plan-badge{color:#d2deff}
.cmp-us, .cmp-us *{color:#fff}

/* --- Font Awesome в тех местах, где были svg-иконки --- */
.adv .ic i{font-size:19px;line-height:1;color:#fff}
.cmp-crit i{font-size:17px;width:20px;text-align:center;color:var(--blue);flex:none}
.contacts .ic i{font-size:17px;line-height:1}

/* ============ CONTACT FORM 7 ============ */
/* Обёртка совпадает с прототипной .form; приводим контролы CF7 к тем же полям */
.form .wpcf7{margin:0}
.form h3{color:var(--ink) !important}
.form .fsub{color:var(--steel) !important}
.form .wpcf7-form p{margin:0 0 16px}
.form .wpcf7 label{display:block;font-family:var(--hf);font-size:12.5px;font-weight:600;letter-spacing:.02em;margin-bottom:7px;color:var(--ink)}
.form .wpcf7-form-control-wrap{display:block}
.form .wpcf7-form-control:not(.wpcf7-submit):not([type=checkbox]):not([type=radio]){
  box-sizing:border-box !important;width:100% !important;height:auto !important;min-height:0 !important;
  font-family:var(--bf) !important;font-size:15px !important;line-height:1.4 !important;color:var(--ink) !important;
  border:1px solid var(--line-2) !important;border-radius:11px !important;padding:13px 15px !important;
  margin:0 !important;background:#fff !important;box-shadow:none;transition:.18s;
}
.form textarea.wpcf7-form-control{resize:vertical;min-height:90px !important;height:96px !important}
.form .wpcf7-form-control:focus{outline:none;border-color:var(--blue) !important;box-shadow:0 0 0 3px rgba(31,87,214,.14) !important}

/* две колонки полей — оберните поля в <div class="cf7-row"> в CF7 */
.form .cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .cf7-row p{margin-bottom:0}

/* submit — как .btn.btn-primary */
.form .wpcf7-submit{
  width:100%;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--hf);font-weight:600;font-size:15px;letter-spacing:-.01em;
  padding:14px 24px;border-radius:999px;border:none;cursor:pointer;
  background:var(--blue);color:#fff;box-shadow:0 10px 22px -12px rgba(31,87,214,.8);transition:.22s ease;
}
.form .wpcf7-submit:hover{background:var(--blue-d);transform:translateY(-1px)}

/* --- Состояния валидации --- */
.form .wpcf7-not-valid{border-color:#e0584c !important;box-shadow:0 0 0 3px rgba(224,88,76,.12) !important}
.form .wpcf7-not-valid-tip{color:#e0584c;font-family:var(--bf);font-size:12.5px;margin-top:6px;display:block}
.form .wpcf7-response-output{
  margin:8px 0 0 !important;border-radius:11px;padding:13px 15px !important;
  font-size:13.5px;line-height:1.45;border:1px solid var(--line-2);
}
.form .wpcf7-not-valid-tip + .wpcf7-response-output,
.form .wpcf7 form.invalid .wpcf7-response-output,
.form .wpcf7 form.unaccepted .wpcf7-response-output,
.form .wpcf7 form.spam .wpcf7-response-output{border-color:#e0584c;background:#fdeeec;color:#b23b30}
.form .wpcf7 form.sent .wpcf7-response-output{border-color:var(--ok);background:rgba(21,160,106,.1);color:#0f7a50}

/* спиннер отправки — скрыт, пока не идёт отправка (не создаёт отступ) */
.form .wpcf7-spinner{margin:10px auto 0;background:var(--steel) !important}
.form .form-note{color:var(--steel) !important;margin-top:14px}

@media (max-width:620px){
  .form .cf7-row{grid-template-columns:1fr}
}