:root {
  --indy-button-bg: #2f79b8;
  --indy-button-hover: #24699f;
  --indy-button-ink: #fff;
}

/* Shared action controls; site-palette.css handles surfaces and navigation. */
button:not(.gm-style button),
a[class*="inline-flex"][class*="rounded-"],
a.rounded-full[href="/faqs"],
a.btn,
a.sh-sched,
a[title="Facebook"] {
  background-color: var(--indy-button-bg) !important;
  background-image: none !important;
  color: var(--indy-button-ink) !important;
  border-color: var(--indy-button-bg) !important;
  transition: background-color .15s ease, box-shadow .15s ease;
}

button:not(.gm-style button):not(:disabled):hover,
a[class*="inline-flex"][class*="rounded-"]:hover,
a.rounded-full[href="/faqs"]:hover,
a.btn:hover,
a.sh-sched:hover,
a[title="Facebook"]:hover {
  background-color: var(--indy-button-hover) !important;
  color: var(--indy-button-ink) !important;
  border-color: var(--indy-button-hover) !important;
}

button:not(.gm-style button):focus-visible,
a[class*="inline-flex"][class*="rounded-"]:focus-visible,
a.rounded-full[href="/faqs"]:focus-visible,
a.btn:focus-visible,
a.sh-sched:focus-visible,
a[title="Facebook"]:focus-visible {
  outline: 2px solid #24699f !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff !important;
}

button:disabled {
  opacity: .55;
}

/* Keep Facebook's own branding and transparent outer background. */
footer a[title="Facebook"] {
  background-color: transparent !important;
  color: #0866ff !important;
  border: none !important;
}

footer a[title="Facebook"]:hover {
  background-color: transparent !important;
  color: #0866ff !important;
  border: none !important;
}

@media (prefers-reduced-motion: reduce) {
  button, a { transition: none !important; }
}