:root {
  --ng-electric-blue: #078cff;
  --ng-electric-bright: #18b8ff;
  --ng-electric-deep: #0064dc;
  --ng-electric-glow: rgba(7, 140, 255, 0.34);
}

/* Match the animated service name to the electric blue in the Nexguard shield. */
html body .elementor-widget-wpr-advanced-text .wpr-anim-text .wpr-anim-text-inner b,
html body .elementor-widget-wpr-advanced-text .wpr-anim-text-inner b.wpr-anim-text-visible {
  color: #18b8ff !important;
  text-shadow: 0 0 14px rgba(24, 184, 255, 0.24);
}

/* Shared branded treatment for command buttons across the active site. */
body a.elementor-button,
body button.ys-read-more,
body input[type="submit"],
body button[type="submit"],
body .nexguard-feature-cta,
body .nexguard-menu-view-all,
body a.wpr-button,
body button.wpr-button {
  border: 1px solid rgba(115, 210, 255, 0.76) !important;
  background: linear-gradient(135deg, var(--ng-electric-deep), var(--ng-electric-blue) 58%, var(--ng-electric-bright)) !important;
  box-shadow: 0 7px 18px rgba(0, 100, 220, 0.2) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  text-shadow: none !important;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

/* Elementor and service-card CSS use highly specific legacy selectors. */
html body .elementor .elementor-element.elementor-widget-button .elementor-button.elementor-button,
html body .elementor .elementor-element .elementor-widget-button .elementor-button,
html body .ys-services-container .ys-service-card button.ys-read-more,
html body .ys-services-container button.ys-read-more.ys-read-more,
html body form.wpcf7-form input.wpcf7-submit[type="submit"] {
  border-color: rgba(115, 210, 255, 0.76) !important;
  background-color: #078cff !important;
  background-image: linear-gradient(135deg, #0064dc, #078cff 58%, #18b8ff) !important;
  box-shadow: 0 7px 18px rgba(0, 100, 220, 0.2) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

html body.page-id-331 div.wpcf7 form.wpcf7-form[data-nexguard-contact-form] input.wpcf7-form-control.wpcf7-submit.has-spinner[type="submit"] {
  border-color: rgba(115, 210, 255, 0.76) !important;
  background-color: #078cff !important;
  background-image: linear-gradient(135deg, #0064dc, #078cff 58%, #18b8ff) !important;
  box-shadow: 0 7px 18px rgba(0, 100, 220, 0.2) !important;
  color: #ffffff !important;
}

body a.elementor-button:hover,
body a.elementor-button:focus-visible,
body button.ys-read-more:hover,
body button.ys-read-more:focus-visible,
body input[type="submit"]:hover,
body input[type="submit"]:focus-visible,
body button[type="submit"]:hover,
body button[type="submit"]:focus-visible,
body .nexguard-feature-cta:hover,
body .nexguard-feature-cta:focus-visible,
body .nexguard-menu-view-all:hover,
body .nexguard-menu-view-all:focus-visible,
body a.wpr-button:hover,
body a.wpr-button:focus-visible,
body button.wpr-button:hover,
body button.wpr-button:focus-visible {
  border-color: #8cddff !important;
  background: linear-gradient(135deg, #0076f4, #0b9eff 55%, #39c6ff) !important;
  box-shadow: 0 0 0 3px rgba(24, 184, 255, 0.14), 0 10px 25px var(--ng-electric-glow) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  transform: translateY(-1px);
  outline: none;
}

html body .elementor .elementor-element.elementor-widget-button .elementor-button.elementor-button:hover,
html body .elementor .elementor-element.elementor-widget-button .elementor-button.elementor-button:focus-visible,
html body .ys-services-container .ys-service-card button.ys-read-more:hover,
html body .ys-services-container .ys-service-card button.ys-read-more:focus-visible,
html body form.wpcf7-form input.wpcf7-submit[type="submit"]:hover,
html body form.wpcf7-form input.wpcf7-submit[type="submit"]:focus-visible {
  border-color: #8cddff !important;
  background-color: #0b9eff !important;
  background-image: linear-gradient(135deg, #0076f4, #0b9eff 55%, #39c6ff) !important;
  box-shadow: 0 0 0 3px rgba(24, 184, 255, 0.14), 0 10px 25px rgba(7, 140, 255, 0.34) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

html body.page-id-331 div.wpcf7 form.wpcf7-form[data-nexguard-contact-form] input.wpcf7-form-control.wpcf7-submit.has-spinner[type="submit"]:hover,
html body.page-id-331 div.wpcf7 form.wpcf7-form[data-nexguard-contact-form] input.wpcf7-form-control.wpcf7-submit.has-spinner[type="submit"]:focus-visible {
  border-color: #8cddff !important;
  background-color: #0b9eff !important;
  background-image: linear-gradient(135deg, #0076f4, #0b9eff 55%, #39c6ff) !important;
  box-shadow: 0 0 0 3px rgba(24, 184, 255, 0.14), 0 10px 25px rgba(7, 140, 255, 0.34) !important;
  color: #ffffff !important;
}

body a.elementor-button i,
body a.elementor-button svg,
body button.ys-read-more i,
body button.ys-read-more svg,
body .nexguard-feature-cta i,
body .nexguard-menu-view-all i {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Small interface accents use the same blue without becoming decorative noise. */
body .elementor-element-96a16a7 .wpr-menu-item::after {
  background: var(--ng-electric-bright) !important;
  box-shadow: 0 0 8px rgba(24, 184, 255, 0.42);
}

body .nexguard-service-arrow,
body .nexguard-menu-eyebrow,
body .nexguard-mobile-contact-links i {
  color: var(--ng-electric-blue) !important;
}

body .nexguard-service-icon {
  background: rgba(7, 140, 255, 0.1) !important;
  color: var(--ng-electric-deep) !important;
}

body .nexguard-service-link:hover,
body .nexguard-service-link:focus-visible {
  border-color: rgba(24, 184, 255, 0.46) !important;
  background: rgba(7, 140, 255, 0.07) !important;
  box-shadow: 0 7px 18px rgba(7, 140, 255, 0.12) !important;
}

@media (prefers-reduced-motion: reduce) {
  body a.elementor-button,
  body button.ys-read-more,
  body input[type="submit"],
  body button[type="submit"],
  body .nexguard-feature-cta,
  body .nexguard-menu-view-all,
  body a.wpr-button,
  body button.wpr-button {
    transition: none !important;
  }
}