/* Legacy sticky highlight bridge for the mobile palette system. */

.color-highlight {
  color: var(--mobile-primary, #2f6f73) !important;
}

.bg-highlight,
.gradient-highlight {
  background-color: var(--mobile-primary, #2f6f73) !important;
  background-image: none !important;
  color: var(--mobile-on-strong, #ffffff) !important;
}

.border-highlight {
  border-color: var(--mobile-primary, #2f6f73) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: var(--mobile-primary, #2f6f73) !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: var(--mobile-primary, #2f6f73) !important;
}

.form-floating-over > .form-control:focus ~ label,
.form-floating-over > .form-control:not(:placeholder-shown) ~ label,
.form-floating-over > .form-select ~ label {
  color: var(--mobile-primary, #2f6f73);
}

.interest-check input:checked ~ label,
.bg-highlight-dark,
.bg-highlight-light,
.bg-fade-highlight-dark,
.bg-fade-highlight-light {
  background-color: var(--mobile-primary, #2f6f73) !important;
  color: var(--mobile-on-strong, #ffffff) !important;
}

.border-highlight-light,
.border-highlight-dark,
.focus-highlight:focus {
  border-color: var(--mobile-primary, #2f6f73) !important;
}

.color-highlight-dark {
  color: var(--mobile-primary-strong, #174f52) !important;
}