/* KidMate brand — unified #121569 for all primary / blue UI */
:root {
  --kidmate-brand: #121569;
  --kidmate-brand-hover: #0d0f4a;
  --kidmate-brand-rgb: 18, 21, 105;
  --bs-primary: #121569;
  --bs-primary-rgb: 18, 21, 105;
}

/* Bootstrap / Pozy primary buttons */
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-sm.btn-primary,
.btn-lg.btn-primary {
  background-color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
  background-color: var(--kidmate-brand-hover) !important;
  border-color: var(--kidmate-brand-hover) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--kidmate-brand-rgb), 0.25) !important;
}

.btn-outline-primary {
  color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
  color: #fff !important;
}

a.btn-primary,
button.btn-primary {
  background-color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
}

/* Info buttons (download templates, etc.) — same brand blue */
.btn-info,
.btn-info:disabled,
.btn-sm.btn-info {
  background-color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
  color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: var(--kidmate-brand-hover) !important;
  border-color: var(--kidmate-brand-hover) !important;
  color: #fff !important;
}

/* Text links */
a.text-primary,
.text-primary {
  color: var(--kidmate-brand) !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--kidmate-brand-hover) !important;
}

/* Landing page CTA buttons */
.cs_btn.cs_bg_accent {
  background-color: var(--kidmate-brand) !important;
}

.cs_btn.cs_bg_accent:hover {
  color: var(--kidmate-brand) !important;
}

/* Pagination / DataTables */
.page-item.active .page-link,
.page-link.active {
  background-color: var(--kidmate-brand) !important;
  border-color: var(--kidmate-brand) !important;
}

.page-link {
  color: var(--kidmate-brand);
}

.page-link:hover {
  color: var(--kidmate-brand-hover);
}

/* Badges */
.badge.bg-primary {
  background-color: var(--kidmate-brand) !important;
}

/* Form focus ring (subtle brand tint) */
.form-control:focus,
.form-select:focus {
  border-color: rgba(var(--kidmate-brand-rgb), 0.45);
  box-shadow: 0 0 0 0.2rem rgba(var(--kidmate-brand-rgb), 0.15);
}

.kidmate-phone-field .form-select {
  flex: 0 0 auto;
}