/* Imagine Bath Products brand colors */
:root {
  --color-primary: #1E3280;
  --color-primary-hover: #162560;
  --color-accent: #5BAEE8;
  --btn-primary-bg: #1E3280;
  --btn-primary-border-color: #1E3280;
  --btn-primary-text-color: #ffffff;
  --btn-primary-hover-bg: #162560;
  --btn-primary-hover-border-color: #162560;
  --btn-primary-hover-text-color: #ffffff;
  --color-secondary: #5BAEE8;
}

/* Nav / header */
.navbar, .header-primary, nav.navbar {
  background-color: #1E3280 !important;
}
.navbar .nav-link, .navbar-brand, .navbar .navbar-nav .nav-link {
  color: #ffffff !important;
}

/* Primary buttons */
.btn-primary, .btn-quote, .btn-cta-alternate, .btn-intent-primary {
  background-color: #1E3280 !important;
  border-color: #1E3280 !important;
  color: #ffffff !important;
}
.btn-primary:hover, .btn-quote:hover, .btn-cta-alternate:hover {
  background-color: #162560 !important;
  border-color: #162560 !important;
}

/* Secondary buttons */
.btn-secondary {
  color: #1E3280 !important;
  border-color: #1E3280 !important;
}

/* Section headings — navy on white bg */
.section-title, h2.section-title {
  color: #1E3280;
}

/* Alert/banner strip */
.header-alert {
  background: #1E3280 !important;
  color: #ffffff !important;
}
.header-alert p, .header-alert a {
  color: #ffffff !important;
}

/* Footer */
footer, .footer, .pb-footer {
  background-color: #1E3280 !important;
  color: #ffffff !important;
}
footer a, .footer a, .pb-footer a {
  color: #A8C8F0 !important;
}

/* Call button */
.btn-call, a[href^="tel"] {
  color: #1E3280 !important;
}

/* Fix Spectrum animation JS dependency — reveal all content */
.fadeInUp, .fadeInRight, .fadeInLeft,
.fadeInUp.animate, .fadeInRight.animate, .fadeInLeft.animate {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Fix Spectrum custom form widgets — make service checkboxes visible */
.hidden-input.form-selected-service {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  position: static !important;
  margin-right: 6px;
}
.check-item {
  display: inline-flex !important;
  align-items: center;
  margin: 4px 8px 4px 0;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
}
.check-item label {
  cursor: pointer;
  margin: 0;
}

/* Hide the broken appointment toggle, replace with nothing */
.appointment-toggle-wrapper, .appointment-toggle, [class*="toggle"] {
  display: none !important;
}