/**
 * EABC Custom Theme Overrides
 * Primary Brand Color: #0F2949 (Deep Navy Blue)
 * Secondary Color: #FFFFFF (White)
 *
 * This file contains EABC-specific color overrides and customizations.
 * To change the brand color in the future, update the CSS variable below.
 */

:root {
  /* EABC Brand Colors */
  --eabc-primary: #0F2949;
  --eabc-secondary: #FFFFFF;
  --eabc-primary-light: rgba(15, 41, 73, 0.1);
  --eabc-primary-dark: #0A1E31;

  /* Override Bootstrap Variables */
  --bs-primary: #0F2949;
  --bs-blue: #0F2949;
  --bs-primary-rgb: 15, 41, 73;
}

/* Ensure all primary color classes use EABC brand color */
.text-primary {
  color: #0F2949 !important;
}

.bg-primary {
  background-color: #0F2949 !important;
}

.border-primary {
  border-color: #0F2949 !important;
}

.btn-primary {
  background-color: #0F2949 !important;
  border-color: #0F2949 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #0A1E31 !important;
  border-color: #0A1E31 !important;
}

.btn-outline-primary {
  color: #0F2949 !important;
  border-color: #0F2949 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #0F2949 !important;
  border-color: #0F2949 !important;
  color: #FFFFFF !important;
}

/* Links */
a.text-primary:hover,
a.text-primary:focus {
  color: #0A1E31 !important;
}

/* Navbar active states */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: #0F2949 !important;
}

/* Form controls focus */
.form-control:focus,
.form-select:focus {
  border-color: #0F2949 !important;
  box-shadow: 0 0 0 0.25rem rgba(15, 41, 73, 0.25) !important;
}

/* Accordion active state */
.accordion-button:not(.collapsed) {
  background-color: rgba(15, 41, 73, 0.1) !important;
  color: #0F2949 !important;
}

/* Custom colored box */
.colored-box {
  background-color: rgba(15, 41, 73, 0.1) !important;
  color: #0F2949 !important;
}

/* Difference of us items */
.difference-of-us-item {
  border-left: 3px solid #0F2949 !important;
}

.difference-of-us-item .icon {
  color: #0F2949 !important;
}