/**
 * FaithConnect Admin – Theme override to match mobile app color palette
 * Primary: deep blue (#29548E), Success/CTA: teal green (#00A87F)
 */
:root {
  --bs-blue: #29548e;
  --bs-primary: #29548e;
  --bs-green: #00a87f;
  --bs-success: #00a87f;
  --faithconnect-primary: #29548e;
  --faithconnect-success: #00a87f;
  --faithconnect-gradient: linear-gradient(135deg, #29548e 0%, #00a87f 100%);
}

/* Buttons */
.btn-primary,
.bg-primary {
  background-color: #29548e !important;
  border-color: #29548e !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #234a7a !important;
  border-color: #1e4070 !important;
}
.btn-success,
.bg-success {
  background-color: #00a87f !important;
  border-color: #00a87f !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: #008f6f !important;
  border-color: #007a5f !important;
}

/* Links and text – primary/success utility classes only */
.text-primary {
  color: #29548e !important;
}
.text-success {
  color: #00a87f !important;
}
a.btn-link,
.breadcrumb-item a {
  color: #29548e;
}
a.btn-link:hover,
.breadcrumb-item a:hover {
  color: #1e4070;
}

/* Sidebar active state (light sidebar) */
.vertical-menu .mm-active > a,
.vertical-menu .mm-active .active > a,
.vertical-menu #sidebar-menu .mm-active > .has-arrow,
.vertical-menu #sidebar-menu .mm-active > a i,
.vertical-menu #sidebar-menu .mm-active .active i {
  color: #29548e !important;
}
.vertical-menu .mm-active > a {
  background-color: #e8eef5 !important;
}

/* Sub-menu active */
.vertical-menu #sidebar-menu ul li .active {
  color: #29548e !important;
}
.vertical-menu #sidebar-menu ul li .active i {
  color: #29548e !important;
}

/* Sidebar hover */
.vertical-menu #sidebar-menu a:hover {
  color: #29548e;
}
.vertical-menu #sidebar-menu a:hover i {
  color: #29548e;
}

/* Dark sidebar variant */
body[data-sidebar="dark"] .vertical-menu .mm-active > a,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #7eb8ff !important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li.mm-active .active i {
  color: #7eb8ff !important;
}

.navbar-brand-box {
  padding: 0 !important;
}

.logo-lg {
  margin-left: 10px;
}
.logo-sm {
  margin-left: 4px;
}

/* Colored sidebar – gradient accent */
body[data-sidebar="colored"] .vertical-menu .navbar-brand-box,
body[data-sidebar="colored"] .vertical-menu .vertical-menu {
  background: linear-gradient(180deg, #29548e 0%, #1e4070 100%) !important;
}
body[data-sidebar="colored"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
  color: #29548e !important;
}

/* Topbar / page title accent */
.page-title-box .page-title {
  color: #2d3748;
}
.breadcrumb-item.active {
  color: #29548e;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
  border-color: #29548e;
  box-shadow: 0 0 0 0.15rem rgba(41, 84, 142, 0.25);
}

/* Cards / borders */
.card {
  border-color: rgba(41, 84, 142, 0.08);
}
.table-primary {
  --bs-table-bg: #e8eef5;
  --bs-table-border-color: #d4dce8;
  color: #1e4070;
}

/* Badges */
.badge.bg-primary {
  background-color: #29548e !important;
}
.badge.bg-success {
  background-color: #00a87f !important;
}

/* Progress bars */
.progress-bar.bg-primary {
  background-color: #29548e !important;
}
.progress-bar.bg-success {
  background-color: #00a87f !important;
}

/* Optional: gradient accent for hero/cards */
.faithconnect-gradient {
  background: linear-gradient(135deg, #29548e 0%, #00a87f 100%);
  color: #fff;
}

.leader-actions {
  gap: 0.35rem;
}

.leader-actions .btn {
  margin: 0;
}

body:not([data-sidebar="dark"]):not([data-sidebar="colored"]) #sidebar-menu .mm-active > a,
body:not([data-sidebar="dark"]):not([data-sidebar="colored"]) #sidebar-menu li.active > a,
body:not([data-sidebar="dark"]):not([data-sidebar="colored"]) #sidebar-menu .sub-menu li.mm-active > a,
body:not([data-sidebar="dark"]):not([data-sidebar="colored"]) #sidebar-menu .sub-menu a.active {
  color: #29548e !important;
}
