/* ============================================
   STRIPE COLOR OVERLAY for VINSPY
   Перекриває сині кольори → фіолетові Stripe
   ============================================ */

:root {
  --vp-purple: #635bff;
  --vp-purple-dark: #4c44d4;
  --vp-purple-deep: #2a1f9e;
  --vp-grad-hero: linear-gradient(190deg, #2a1f9e 25%, #635bff 100%);
  --vp-grad-cta: linear-gradient(190deg, #4c44d4 25%, #7a73ff 100%);
  --vp-grad-coverage: linear-gradient(130deg, #2a1f9e 0%, #7a73ff 89%);
  --ast-global-color-0: #635bff;
}

/* ============= HERO HEADER (зверху) ============= */
/* Original: linear-gradient(190deg, #231DDD 25%, #02B7DA 100%) */
.elementor-16 .elementor-element.elementor-element-06c08c5:not(.elementor-motion-effects-element-type-background),
.elementor-16 .elementor-element.elementor-element-06c08c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: var(--vp-grad-hero) !important;
}

/* ============= ВЕЛИКИЙ CTA-БЛОК ВНИЗУ (Start Your VIN Check Now) ============= */
/* Original: linear-gradient(190deg, #231DDD 25%, #02B7DA 100%) */
.elementor-16 .elementor-element.elementor-element-62785ac:not(.elementor-motion-effects-element-type-background),
.elementor-16 .elementor-element.elementor-element-62785ac > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: var(--vp-grad-cta) !important;
}

/* ============= COVERAGE SECTION (Globale Abdeckung блок) ============= */
/* Original: linear-gradient(130deg, #2F2AD5 0%, #00F2FF 89%) */
.elementor-16 .elementor-element.elementor-element-5ee028a:not(.elementor-motion-effects-element-type-background),
.elementor-16 .elementor-element.elementor-element-5ee028a > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: var(--vp-grad-coverage) !important;
}

/* ============= ASTRA PRIMARY COLOR (was #0170B9) ============= */
:root {
  --ast-global-color-0: #635bff !important;
}

/* ============= ТЕКСТОВІ АКЦЕНТИ (фіолетові заголовки на сайті) ============= */
/* Original: #4632DA — це вже фіолетовий, але зробимо більш Stripe */
.elementor-16 .elementor-element.elementor-element-94f35c9 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-7bb6968 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-f95cabc .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-5f11bf6 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-3419535 .elementor-heading-title {
  color: var(--vp-purple) !important;
}

/* ============= ELEMENTOR BUTTON HOVER (був #4632da) ============= */
.elementor-16 .elementor-element.elementor-element-6ea9fd3 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-6ea9fd3 .elementor-button:focus {
  background-color: var(--vp-purple) !important;
}

/* "Learn more" button: original #00dafc (бірюзовий) → лишимо як є, гармонує зі Stripe mint */

/* ============= КАРТКИ З БЛАКИТНОЮ ТІННЮ ============= */
/* Original shadow: rgba(21,93,253,0.47) — синій світіння на картках */
.elementor-16 .elementor-element.elementor-element-c59e6b5 > .elementor-element-populated,
.elementor-16 .elementor-element.elementor-element-9034af0 > .elementor-element-populated,
.elementor-16 .elementor-element.elementor-element-d4cc595 > .elementor-element-populated,
.elementor-16 .elementor-element.elementor-element-b788e09 > .elementor-element-populated,
.elementor-16 .elementor-element.elementor-element-bc890c8 > .elementor-element-populated,
.elementor-16 .elementor-element.elementor-element-fac600b > .elementor-element-populated {
  box-shadow: 0px 0px 20px 0px rgba(99, 91, 255, 0.45) !important;
}

/* ============= LINKS (за замовчуванням сині) ============= */
.elementor-text-editor a,
.elementor-widget-text-editor a {
  color: var(--vp-purple);
}

/* ============= ASTRA SITE-WIDE PRIMARY ============= */
.has-ast-global-color-0-color {
  color: var(--vp-purple) !important;
}
.has-ast-global-color-0-background-color,
:root .wp-block-button .has-ast-global-color-0-background-color {
  background-color: var(--vp-purple) !important;
}
