/*
 * Custom Bootstrap 5 Theme for Blessviva
 * This file overrides Bootstrap 5 default primary and secondary colors globally
 * Place this CSS after Bootstrap CSS to override default values
 */

/* Override Bootstrap CSS custom properties (variables) */
:root {
  /* Primary */
  --bs-primary: #55b4df;
  --bs-primary-rgb: 85, 180, 223;

  /* Secondary dark */
  --bs-secondary: #24535e;
  --bs-secondary-rgb: 36, 83, 94;

  /* Optional: Additional theme colors */
  --bs-success: #688E2A;
  --bs-success-rgb: 162, 198, 70;

  --bs-info: #45acd1;
  --bs-info-rgb: 69, 172, 209;
}

/* Primary Button Styles */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #55b4df;
  --bs-btn-border-color: #55b4df;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4a9fc7;
  --bs-btn-hover-border-color: #4a9fc7;
  --bs-btn-focus-shadow-rgb: 85, 180, 223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3f8db5;
  --bs-btn-active-border-color: #3f8db5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #55b4df;
  --bs-btn-disabled-border-color: #55b4df;
}

/* Secondary Button Styles */
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24535e;
  --bs-btn-border-color: #24535e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1e444d;
  --bs-btn-hover-border-color: #1e444d;
  --bs-btn-focus-shadow-rgb: 36, 83, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #18363c;
  --bs-btn-active-border-color: #18363c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #24535e;
  --bs-btn-disabled-border-color: #24535e;
}

/* Outline Button Variants */
.btn-outline-primary {
  --bs-btn-color: #55b4df;
  --bs-btn-border-color: #55b4df;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #55b4df;
  --bs-btn-hover-border-color: #55b4df;
  --bs-btn-focus-shadow-rgb: 85, 180, 223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #55b4df;
  --bs-btn-active-border-color: #55b4df;
  --bs-btn-disabled-color: #55b4df;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #55b4df;
}

.btn-outline-secondary {
  --bs-btn-color: #24535e;
  --bs-btn-border-color: #24535e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24535e;
  --bs-btn-hover-border-color: #24535e;
  --bs-btn-focus-shadow-rgb: 36, 83, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24535e;
  --bs-btn-active-border-color: #24535e;
  --bs-btn-disabled-color: #24535e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #24535e;
}

/* Links */
a {
  --bs-link-color: #55b4df;
  --bs-link-hover-color: #4a9fc7;
}

/* Form Controls */
.form-control:focus {
  border-color: #55b4df;
  box-shadow: 0 0 0 0.25rem rgba(85, 180, 223, 0.25);
}

.form-check-input:checked {
  background-color: #55b4df;
  border-color: #55b4df;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(85, 180, 223, 0.25);
}

/* Progress Bars */
.progress-bar {
  background-color: #55b4df;
}

/* Badges */
.badge.bg-primary {
  background-color: #55b4df !important;
}

.badge.bg-secondary {
  background-color: #24535e !important;
}

/* Alerts */
.alert-primary {
  --bs-alert-color: #2d5a73;
  --bs-alert-bg: #e8f4f8;
  --bs-alert-border-color: #d1ecf3;
}

/* Navigation */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #55b4df;
}

/* Pagination */
.page-link {
  color: #55b4df;
}

.page-link:hover {
  color: #4a9fc7;
  background-color: #e9ecef;
}

.page-item.active .page-link {
  background-color: #55b4df;
  border-color: #55b4df;
}

/* Dropdowns */
.dropdown-item:active {
  background-color: #55b4df;
}

/* List Group */
.list-group-item.active {
  background-color: #55b4df;
  border-color: #55b4df;
}