/* Global purple override: replace yellow accents with purple */
:root {
  /* Turn tertiary (accent) yellow to purple */
  --color-third: #8B5CF6;

  /* Align orange/yellow theme (index eleven) to purple family */
  --color-11: #8B5CF6;
  --color-11-light: #A78BFA;
  --card-bg: linear-gradient(180deg, #A78BFA 0%, #7C3AED 100%);
  --choose-card: linear-gradient(180deg, #B794F4 0%, #7C3AED 100%);
  --testimonial-card: linear-gradient(180deg, #B794F4 -8.67%, #7C3AED 108%);
  --faq-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F3E8FF 100%);
  --size-default: 14px;
  --size-h1: 56px;
  --size-h2: 42px;
  --size-h3: 32px;
  --lh-h1: 66px;
}

/* Override known direct yellow backgrounds on CTA buttons */
.rts-hero-three .rts-hero__content form .select-button-area button,
.rts-domain-checker-two .rts-hero__content form .select-button-area button {
  background: var(--color-primary) !important;
}

/* If inline SVGs exist in markup, force yellow fills to purple */
svg [fill="#FFC107"] {
  fill: #8B5CF6 !important;
}

@media (min-width: 992px) {
  .rts-header__right {
    gap: 40px;
    min-width: 280px;
  }
  .rts-hero__content h1,
  .rts-hero__content .heading {
    font-size: var(--size-h1);
    line-height: var(--lh-h1);
  }
}

.client-area-btn {
  border: 2px solid #FFFFFF !important;
}

@media (min-width: 992px) {
  .rts-header__right .client-area-btn {
    transform: translateX(8px);
  }
}