/*
 * Правила с --модификаторами, повторённые в конце каскада (в compat они оказались
 * раньше базовых и проигрывали). Исключены свойства, которые в исходном CSS
 * намеренно перекрываются более поздним базовым правилом.
 */
.nk-contact-method--active {
  background: #ffffff;
  border-top: 4px solid var(--nk-teal-dark);
  box-shadow: var(--nk-shadow-soft);
}

.nk-contact-method--form {
  color: #dbe6f4;
  background: linear-gradient(145deg, rgba(86, 183, 176, 0.14), transparent 55%),
    var(--nk-navy);
  border-color: var(--nk-navy);
}

.nk-contact-method--form::after {
  border-color: rgba(115, 208, 202, 0.3);
}

.nk-contact-method--form .nk-contact-method__mark {
  color: var(--nk-navy-deep);
  background: var(--nk-teal);
}

.nk-contact-method__status--demo {
  color: #92723d;
  background: var(--nk-contact-amber-soft);
  border-radius: 5px;
  padding: 5px 7px;
}

.nk-contact-method--form .nk-contact-method__status {
  color: #73d0ca;
}

.nk-contact-method--form h3 {
  color: #ffffff;
}

.nk-contact-method--form > p,
.nk-contact-method--form > :where(.elementor-widget) > p,
.nk-contact-method--form > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: #bdcbdd;
}

.nk-contact-method--form .nk-contact-method__value {
  color: #ffffff;
}

.nk-contact-method--form .nk-contact-method__action {
  color: #73d0ca;
  border-color: rgba(255, 255, 255, 0.15);
}

.nk-contact-route--accent {
  background: linear-gradient(145deg, rgba(86, 183, 176, 0.17), transparent 58%),
    #103d79;
  border-color: rgba(115, 208, 202, 0.44);
  box-shadow: 0 24px 60px rgba(0, 8, 26, 0.32);
}