/* Auto theme — primary #2761C2 · soft #EEF2FA · on-primary #ffffff */
:root {
  --color-primary: #2761C2;
  --color-primary-soft: #EEF2FA;
  --color-on-primary: #ffffff;
}

/* —— ALL soft pink surfaces → soft tint of brand —— */
.bg-light-pink,
.faq--style-1,
.owner-message--style-1,
.owner-message--centered,
.sidebar__appointment-card--pink,
.sidebar__services,
.sidebar__posts,
.sidebar__gallery,
.sidebar__project-details,
.testimonials__card.bg-light-pink,
[class*="appointment-card--pink"] {
  background-color: #EEF2FA !important;
  background-image: none !important;
}

/* —— ALL solid brand red surfaces → primary —— */
.footer__cta,
.bg-primary,
.quick-contact-fab__link:hover {
  background-color: #2761C2 !important;
  background-image: none !important;
}

.process-steps__item--compact,
.process-steps__item--detailed {
  border-color: #2761C2 !important;
}
.process-steps__item--compact {
  border-top-color: #2761C2 !important;
}
.process-steps__item--detailed {
  border-left-color: #2761C2 !important;
}
.process-steps__num {
  color: #2761C2 !important;
}

/* Phone / contact accent cards on area & service sidebars */
.appointment-card__phone,
.sidebar__appointment-card--pink .appointment-card__phone,
.sidebar__appointment-card a[href^="tel"],
.contact__card--phone {
  color: #2761C2 !important;
}

.btn-icon-right-primary,
.footer__cta-btn--primary,
.btn-icon-left-primary,
.btn-phn-primary,
.nav__btn,
.header--style-1 .nav__btn,
.offcanvas__btn,
.hero__btn.btn-icon-right-primary,
.why-choose-us__btn,
.bg-primary {
  background-color: #2761C2 !important;
  border-color: #2761C2 !important;
  color: #ffffff !important;
}
.btn-icon-right-primary svg,
.footer__cta-btn--primary svg,
.btn-icon-left-primary svg {
  background-color: #ffffff !important;
}
.btn-icon-right-primary svg path,
.footer__cta-btn--primary svg path,
.btn-icon-left-primary svg path {
  fill: #2761C2 !important;
}
.btn-phn-primary svg path {
  fill: #ffffff !important;
}

.btn-icon-right-primary:hover,
.btn-icon-left-primary:hover,
.why-choose-us__btn:hover,
.nav__btn:hover,
.header--style-1 .nav__btn:hover,
.offcanvas__btn:hover {
  background-color: transparent !important;
  color: #2761C2 !important;
  border-color: #2761C2 !important;
}
.btn-icon-right-primary:hover svg,
.btn-icon-left-primary:hover svg {
  background-color: #2761C2 !important;
}
.btn-icon-right-primary:hover svg path,
.btn-icon-left-primary:hover svg path {
  fill: #ffffff !important;
}

/* Footer phone CTA — keep readable on primary banner hover */
.footer__cta-btn--primary:hover,
.footer__cta .footer__cta-btn--primary:hover {
  background-color: var(--color-on-primary, #fff) !important;
  color: var(--color-primary) !important;
  border-color: var(--color-on-primary, #fff) !important;
}
.footer__cta-btn--primary:hover svg,
.footer__cta .footer__cta-btn--primary:hover svg {
  background-color: var(--color-primary) !important;
}
.footer__cta-btn--primary:hover svg path,
.footer__cta .footer__cta-btn--primary:hover svg path {
  fill: var(--color-on-primary, #fff) !important;
}