/* 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,
.footer__cta-btn--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,
.footer__cta-btn--primary:hover svg,
.btn-icon-left-primary:hover svg {
  background-color: #2761C2 !important;
}
.btn-icon-right-primary:hover svg path,
.footer__cta-btn--primary:hover svg path,
.btn-icon-left-primary:hover svg path {
  fill: #ffffff !important;
}
.btn-phn-primary:hover {
  background-color: transparent !important;
  border-color: #2761C2 !important;
}
.btn-phn-primary:hover svg path {
  fill: #2761C2 !important;
}

/* Footer CTA secondary button stays readable on primary banner */
.footer__cta .btn-icon-right-secondary {
  background-color: #ffffff !important;
  color: #2761C2 !important;
  border-color: #ffffff !important;
}
.footer__cta .btn-icon-right-secondary:hover {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.footer__cta-title,
.footer__cta-desc {
  color: #ffffff !important;
}

.text-primary,
.subtitle:not(.subtitle-white),
.hero__subtitle,
.about__subtitle,
.why-choose-us__subtitle,
.owner-message__subtitle,
.projects__subtitle,
.highlight,
.hero__title--highlight,
.current-menu-item > .nav__link {
  color: #2761C2 !important;
}
.header--style-1 .nav__link:hover {
  color: #2761C2 !important;
}
.offcanvas .nav__link:hover,
.offcanvas .nav__item-has-children > .nav__link.active,
.offcanvas .current-menu-item > .nav__link {
  color: #2761C2 !important;
}

/* Sidebar service / area tabs */
.sidebar__services .sidebar__item a:hover {
  border-color: #2761C2 !important;
  color: #2761C2 !important;
}
.sidebar__services .sidebar__item.is-active a,
.sidebar__services .sidebar__item--active a {
  background-color: #2761C2 !important;
  border-color: #2761C2 !important;
  color: #ffffff !important;
}

.contact__card-icon-wrap,
.faq__icon-wrap {
  background-color: #2761C2 !important;
}
.contact__card-icon-wrap svg path,
.faq__icon-wrap svg path,
.contact__card-icon-wrap svg [fill],
.faq__icon-wrap svg [fill] {
  fill: #ffffff !important;
}

/* Hamburger stays a menu icon, not a glyph */
.nav__toggle {
  font-size: 0 !important;
  line-height: 0 !important;
  color: inherit;
}
.nav__toggle svg {
  display: block;
  width: 24px;
  height: 24px;
}
.offcanvas__close {
  font-size: 0 !important;
  line-height: 0 !important;
}
.offcanvas__close svg {
  display: block;
  width: 20px;
  height: 20px;
}