/* ==========================================================================
   rp-theme-nerva.css
   Слой оформления поверх текущих стилей remont-pro.
   Логика взята из кейса NERVA: один шрифт, один акцент, воздух, мягкие формы.
   Подключать ПОСЛЕДНИМ — файл ничего не удаляет, только переопределяет.
   ========================================================================== */

:root {
  /* --- палитра «эмаль / чугун / фирменный акцент» --- */
  --rpn-ink:          #141B1C;
  --rpn-ink-2:        #45555A;
  --rpn-steel:        #8B9DA3;
  --rpn-accent:       #a81798;
  --rpn-accent-ink:   #8e0f82;
  --rpn-accent-soft:  #f7e4f4;
  --rpn-rust:         #C2542B;
  --rpn-enamel:       #F4F7F7;
  --rpn-rule:         #E2E8E8;
  --rpn-surface:      #FFFFFF;

  /* --- шрифт: Manrope как кириллическая замена Urbanist --- */
  --rpn-font: "Manrope", "Onest", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* --- форма и движение --- */
  --rpn-r-pill:  999px;
  --rpn-r-card:  20px;
  --rpn-r-input: 12px;
  --rpn-shadow:      0 10px 26px -20px rgba(20, 27, 28, .65);
  --rpn-shadow-lift: 0 18px 44px -26px rgba(20, 27, 28, .70);
  --rpn-ease: cubic-bezier(.22, .61, .36, 1);

  /* --- перехват глобальных токенов Elementor --- */
  --e-global-color-primary:   #141B1C;
  --e-global-color-secondary: #45555A;
  --e-global-color-text:      #45555A;
  --e-global-color-accent:    #a81798;
  --e-global-typography-primary-font-family:   "Manrope";
  --e-global-typography-secondary-font-family: "Manrope";
  --e-global-typography-text-font-family:      "Manrope";
  --e-global-typography-accent-font-family:    "Manrope";

  /* --- перехват токенов, которые уже есть на городских страницах --- */
  --rp-ink:     #141B1C;
  --rp-muted:   #45555A;
  --rp-line:    #E2E8E8;
  --rp-soft:    #F4F7F7;
  --rp-accent:  #a81798;
  --rp-accent-dark: #8e0f82;
  --rp-success: #8e0f82;
}

/* ==========================================================================
   1. Один шрифт на всё
   Иконочные <i>, svg и path исключены, чтобы не сломать иконки Elementor.
   ========================================================================== */
body,
body *:not(i):not(svg):not(path):not(use) {
  font-family: var(--rpn-font) !important;
}

body {
  color: var(--rpn-ink-2);
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   2. Заголовки: тёмный не-чёрный, плотный трекинг, две строки
   ========================================================================== */
h1, h2, h3, h4,
.elementor-heading-title {
  color: var(--rpn-ink) !important;
  letter-spacing: -.02em;
  line-height: 1.14;
  text-wrap: balance;
}

h1, .elementor-widget-heading h1.elementor-heading-title { font-weight: 800; }
h2, h3, .elementor-widget-heading h2.elementor-heading-title { font-weight: 700; }

.elementor-widget-heading { margin-bottom: 6px; }

/* тело текста — дышит */
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
li {
  line-height: 1.65;
}

/* ссылки — глубокая вода, а не яркая */
a { color: var(--rpn-accent-ink); }
a:hover { color: var(--rpn-accent); }

/* капс-лейбл раздела в духе «05 / FAQ — CLEAR ANSWERS» */
.rpn-eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--rpn-steel);
  margin-bottom: 10px;
}

::selection { background: var(--rpn-accent-soft); color: var(--rpn-ink); }

/* ==========================================================================
   3. Кнопки — pill, один акцент на действие
   ========================================================================== */
.elementor-button,
.elementor-button-link,
button.elementor-button,
.rp-home-calc__button,
.rp-lead-bar__btn,
input[type="submit"] {
  border-radius: var(--rpn-r-pill) !important;
  font-weight: 600 !important;
  letter-spacing: .005em;
  box-shadow: none !important;
  transition: transform .18s var(--rpn-ease), background-color .18s var(--rpn-ease), box-shadow .18s var(--rpn-ease);
}

.elementor-button:hover,
.rp-home-calc__button:hover,
input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: var(--rpn-shadow) !important;
}

.elementor-button:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--rpn-accent-ink);
  outline-offset: 2px;
}

/* ==========================================================================
   4. Поля формы — спокойные, с аква-фокусом
   ========================================================================== */
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea,
.rp-home-calc__form input,
.rp-home-calc__form select {
  border-radius: var(--rpn-r-input) !important;
  border: 1px solid var(--rpn-rule) !important;
  background: var(--rpn-surface) !important;
  color: var(--rpn-ink) !important;
  transition: border-color .18s var(--rpn-ease), box-shadow .18s var(--rpn-ease);
}

.elementor-field-group input:focus,
.elementor-field-group select:focus,
.elementor-field-group textarea:focus,
.rp-home-calc__form input:focus,
.rp-home-calc__form select:focus {
  border-color: var(--rpn-accent) !important;
  box-shadow: 0 0 0 3px var(--rpn-accent-soft) !important;
}

/* ==========================================================================
   5. Изображения и карточки — без рамок, мягкая тень, крупный радиус
   ========================================================================== */
.elementor-widget-image img,
.rp-work-gallery img,
.rp-ba-slider {
  border-radius: var(--rpn-r-card);
  box-shadow: var(--rpn-shadow);
}

/* логотип и иконки в шапке/подвале остаются плоскими */
header .elementor-widget-image img,
footer .elementor-widget-image img,
.elementor-widget-theme-site-logo img,
.rp-desktop-nav img,
img[src*="logo"],
img[src*="favicon"],
img[width][height][src$=".svg"] {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.rp-home-calc,
.rp-home-calc-section .rp-home-calc__form {
  border-radius: var(--rpn-r-card) !important;
  border: 1px solid var(--rpn-rule) !important;
  box-shadow: var(--rpn-shadow) !important;
}

/* ==========================================================================
   6. FAQ и табы — волосяные линии вместо коробок
   ========================================================================== */
.elementor-accordion .elementor-accordion-item,
.elementor-toggle .elementor-toggle-item {
  border: 0 !important;
  border-top: 1px solid var(--rpn-rule) !important;
}

.elementor-tab-title,
.elementor-accordion .elementor-tab-title {
  background: transparent !important;
  font-weight: 600 !important;
  color: var(--rpn-ink) !important;
}

.elementor-tab-title.elementor-active,
.elementor-tab-title:hover { color: var(--rpn-accent-ink) !important; }

.elementor-tab-content {
  border: 0 !important;
  color: var(--rpn-ink-2) !important;
}

/* ==========================================================================
   7. Служебные утилиты в духе референса
   ========================================================================== */

/* крупная цифра-факт */
.rpn-fact { display: inline-flex; flex-direction: column; gap: 2px; }
.rpn-fact__v {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  line-height: 1;
  color: var(--rpn-ink);
  font-variant-numeric: tabular-nums;
}
.rpn-fact__k {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rpn-steel);
}
.rpn-fact__v::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--rpn-accent);
  margin-right: 10px;
  vertical-align: middle;
}

/* слово-призрак за контентом */
.rpn-ghost { position: relative; }
.rpn-ghost::before {
  content: attr(data-ghost);
  position: absolute;
  right: 0; top: -.35em;
  font-size: clamp(64px, 12vw, 170px);
  font-weight: 800;
  line-height: .8;
  letter-spacing: -.03em;
  color: var(--rpn-ink);
  opacity: .05;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.rpn-ghost > * { position: relative; z-index: 1; }

/* маркер «до» — единственный тёплый цвет в системе */
.rpn-before { color: var(--rpn-rust); }
.rp-ba-label-before { background: var(--rpn-rust) !important; color: #fff !important; }
.rp-ba-label-after  { background: var(--rpn-accent) !important; color: var(--rpn-ink) !important; }
.rp-ba-label { border-radius: var(--rpn-r-pill) !important; font-weight: 700 !important; }

@media (prefers-reduced-motion: reduce) {
  .elementor-button, .rp-home-calc__button, input[type="submit"] { transition: none !important; }
  .elementor-button:hover { transform: none; }
}


/* ==========================================================================
   8. Убираем зелёный, доставшийся от прежних тем и от пресетов WordPress
   ========================================================================== */
:root {
  /* глобальный акцент Elementor */
  --e-global-color-accent: #a81798;
  /* пресеты редактора WordPress */
  --wp--preset--color--vivid-green-cyan: #a81798;
  --wp--preset--color--light-green-cyan: #f7e4f4;
  --wp--preset--color--vivid-purple: #a81798;
  /* токены городских страниц */
  --rp-accent: #a81798;
  --rp-accent-dark: #8e0f82;
  --rp-success: #8e0f82;
  --rp-green: #a81798;
}

/* переменные объявлены на body.elementor-kit-N — перебиваем на том же уровне */
body[class] {
  --e-global-color-accent: #a81798;
  --wp--preset--color--vivid-green-cyan: #a81798;
  --wp--preset--color--light-green-cyan: #f7e4f4;
  --wp--preset--color--vivid-purple: #a81798;
  --rp-accent: #a81798;
  --rp-accent-dark: #8e0f82;
  --rp-success: #8e0f82;
  --rp-green: #a81798;
}

/* заголовки и кнопки Elementor со «вшитым» кислотно-зелёным */
.elementor-element-03b161d .elementor-heading-title,
.elementor-element-03b161d .elementor-button,
.elementor-element-17eeb094 .elementor-heading-title,
.elementor-element-17eeb094 .elementor-button,
.elementor-element-1b1b97e .elementor-heading-title,
.elementor-element-1b1b97e .elementor-button,
.elementor-element-1b77c32 .elementor-heading-title,
.elementor-element-1b77c32 .elementor-button,
.elementor-element-1edd312 .elementor-heading-title,
.elementor-element-1edd312 .elementor-button,
.elementor-element-224faea .elementor-heading-title,
.elementor-element-224faea .elementor-button,
.elementor-element-24f2ed2 .elementor-heading-title,
.elementor-element-24f2ed2 .elementor-button,
.elementor-element-286e4ac .elementor-heading-title,
.elementor-element-286e4ac .elementor-button,
.elementor-element-32212d5 .elementor-heading-title,
.elementor-element-32212d5 .elementor-button,
.elementor-element-3874cf8 .elementor-heading-title,
.elementor-element-3874cf8 .elementor-button,
.elementor-element-3ae191e .elementor-heading-title,
.elementor-element-3ae191e .elementor-button,
.elementor-element-3fcf207 .elementor-heading-title,
.elementor-element-3fcf207 .elementor-button,
.elementor-element-4528a59 .elementor-heading-title,
.elementor-element-4528a59 .elementor-button,
.elementor-element-5266110 .elementor-heading-title,
.elementor-element-5266110 .elementor-button,
.elementor-element-5331ef3 .elementor-heading-title,
.elementor-element-5331ef3 .elementor-button,
.elementor-element-5500b52 .elementor-heading-title,
.elementor-element-5500b52 .elementor-button,
.elementor-element-575fa3c .elementor-heading-title,
.elementor-element-575fa3c .elementor-button,
.elementor-element-58fa83c .elementor-heading-title,
.elementor-element-58fa83c .elementor-button,
.elementor-element-63d45a8 .elementor-heading-title,
.elementor-element-63d45a8 .elementor-button,
.elementor-element-6d962ba .elementor-heading-title,
.elementor-element-6d962ba .elementor-button,
.elementor-element-6da8998 .elementor-heading-title,
.elementor-element-6da8998 .elementor-button,
.elementor-element-7328f6e .elementor-heading-title,
.elementor-element-7328f6e .elementor-button,
.elementor-element-74783dc .elementor-heading-title,
.elementor-element-74783dc .elementor-button,
.elementor-element-76029d4 .elementor-heading-title,
.elementor-element-76029d4 .elementor-button,
.elementor-element-7aab4b8 .elementor-heading-title,
.elementor-element-7aab4b8 .elementor-button,
.elementor-element-80e42d4 .elementor-heading-title,
.elementor-element-80e42d4 .elementor-button,
.elementor-element-8328fd9 .elementor-heading-title,
.elementor-element-8328fd9 .elementor-button,
.elementor-element-8b41632 .elementor-heading-title,
.elementor-element-8b41632 .elementor-button,
.elementor-element-917e9d2 .elementor-heading-title,
.elementor-element-917e9d2 .elementor-button,
.elementor-element-964e8b4 .elementor-heading-title,
.elementor-element-964e8b4 .elementor-button,
.elementor-element-975aac6 .elementor-heading-title,
.elementor-element-975aac6 .elementor-button,
.elementor-element-9bb5cf7 .elementor-heading-title,
.elementor-element-9bb5cf7 .elementor-button,
.elementor-element-a17e953 .elementor-heading-title,
.elementor-element-a17e953 .elementor-button,
.elementor-element-a3ab05f .elementor-heading-title,
.elementor-element-a3ab05f .elementor-button,
.elementor-element-a3b048e .elementor-heading-title,
.elementor-element-a3b048e .elementor-button,
.elementor-element-a5f4655 .elementor-heading-title,
.elementor-element-a5f4655 .elementor-button,
.elementor-element-a613a35 .elementor-heading-title,
.elementor-element-a613a35 .elementor-button,
.elementor-element-b1b073a .elementor-heading-title,
.elementor-element-b1b073a .elementor-button,
.elementor-element-b4aabb7 .elementor-heading-title,
.elementor-element-b4aabb7 .elementor-button,
.elementor-element-ba3a4ec .elementor-heading-title,
.elementor-element-ba3a4ec .elementor-button,
.elementor-element-bce94e0 .elementor-heading-title,
.elementor-element-bce94e0 .elementor-button,
.elementor-element-bebaeaf .elementor-heading-title,
.elementor-element-bebaeaf .elementor-button,
.elementor-element-c3f9b65 .elementor-heading-title,
.elementor-element-c3f9b65 .elementor-button,
.elementor-element-c5cf6be .elementor-heading-title,
.elementor-element-c5cf6be .elementor-button,
.elementor-element-c67a80a .elementor-heading-title,
.elementor-element-c67a80a .elementor-button,
.elementor-element-cb5a3b1 .elementor-heading-title,
.elementor-element-cb5a3b1 .elementor-button,
.elementor-element-cbbf5f0 .elementor-heading-title,
.elementor-element-cbbf5f0 .elementor-button,
.elementor-element-d094016 .elementor-heading-title,
.elementor-element-d094016 .elementor-button,
.elementor-element-d1e6f31 .elementor-heading-title,
.elementor-element-d1e6f31 .elementor-button,
.elementor-element-d32b469 .elementor-heading-title,
.elementor-element-d32b469 .elementor-button,
.elementor-element-d77adb8 .elementor-heading-title,
.elementor-element-d77adb8 .elementor-button,
.elementor-element-d7e9c6d .elementor-heading-title,
.elementor-element-d7e9c6d .elementor-button,
.elementor-element-d90fc07 .elementor-heading-title,
.elementor-element-d90fc07 .elementor-button,
.elementor-element-dc2c9f6 .elementor-heading-title,
.elementor-element-dc2c9f6 .elementor-button,
.elementor-element-e4990ec .elementor-heading-title,
.elementor-element-e4990ec .elementor-button,
.elementor-element-e70f81d .elementor-heading-title,
.elementor-element-e70f81d .elementor-button,
.elementor-element-e8be005 .elementor-heading-title,
.elementor-element-e8be005 .elementor-button,
.elementor-element-ed949c8 .elementor-heading-title,
.elementor-element-ed949c8 .elementor-button,
.elementor-element-f27c657 .elementor-heading-title,
.elementor-element-f27c657 .elementor-button,
.elementor-element-f28b9a0 .elementor-heading-title,
.elementor-element-f28b9a0 .elementor-button,
.elementor-element-f5c63a1 .elementor-heading-title,
.elementor-element-f5c63a1 .elementor-button {
  color: #a81798 !important;
}
.elementor-element-ec8b9e5 .elementor-button:focus,
.elementor-element-ec8b9e5 .elementor-button:hover {
  color: #8e0f82 !important;
}
.elementor-element-ec8b9e5 .elementor-button:focus svg,
.elementor-element-ec8b9e5 .elementor-button:hover svg {
  fill: #8e0f82 !important;
}
.has-vivid-green-cyan-color { color: #a81798 !important; }
.has-vivid-green-cyan-background-color { background-color: #a81798 !important; }
.has-light-green-cyan-color { color: #8e0f82 !important; }
.has-light-green-cyan-background-color { background-color: #f7e4f4 !important; }

/* сообщения об успешной отправке — фирменный тон вместо зелёного */
.rp-form-success,
.rp-form-status.success,
.rp-form-status.ok,
.rp-form-status-ok,
.rp-lead-form__status.is-success,
.rp-mobile-lead-modal__status.is-success,
.rp-home-calc__status.is-success {
  color: #8e0f82;
}