/* ======================================
   Bootstrap 5.3 Override
   ByteBeez Brand Kit
   Load AFTER bootstrap.min.css
   ====================================== */
:root {
  /* Primary Brand Color - Charcoal */
  --bs-primary: #36454F;
  --bs-primary-rgb: 54, 69, 79;
  /* Secondary - Accent Red */
  --bs-secondary: #E4140C;
  --bs-secondary-rgb: 228, 20, 12;
  /* Success (keep standard green) */
  --bs-success: #10B981;
  --bs-success-rgb: 16, 185, 129;
  /* Subtle, accessible shades derived from primary */
  --bs-primary-bg-subtle: #E8EAEC;
  /* very light charcoal background tint */
  --bs-primary-border-subtle: #A8AFB5;
  /* soft border shade */
  --bs-primary-text-emphasis: #1C1C1C;
  /* darker emphasis text */
  /* Subtle shades for secondary (red) */
  --bs-secondary-bg-subtle: #FFE8E6;
  /* very light red background tint */
  --bs-secondary-border-subtle: #FFBBB7;
  /* soft red border */
  --bs-secondary-text-emphasis: #A00C08;
  /* darker red text */
  /* Neutrals */
  --bs-body-bg: #FFFFFF;
  --bs-body-color: #1C1C1C;
  --bs-light: #F5F5F5;
  --bs-dark: #1C1C1C;
}

/* -------------------------
   Text / Background / Border
   ------------------------- */
.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

/* Primary links */
a.link-primary,
.link-primary {
  color: var(--bs-primary) !important;
}

a.link-primary:hover,
.link-primary:hover {
  color: color-mix(in srgb, var(--bs-primary), black 15%) !important;
}

/* -------------------------
   Buttons: Primary (Charcoal)
   ------------------------- */
.btn-primary {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--bs-dark) !important;
  border-color: var(--bs-dark) !important;
  color: #fff !important;
}

.btn-primary:active {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* Primary outline */
.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: transparent !important;
  font-weight: 600;
}

.btn-outline-primary:hover {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* -------------------------
   Buttons: Secondary (Accent Red)
   Primary CTA color for conversions
   ------------------------- */
.btn-secondary {
  color: #fff !important;
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  font-weight: 600;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: color-mix(in srgb, var(--bs-secondary), black 12%) !important;
  border-color: color-mix(in srgb, var(--bs-secondary), black 18%) !important;
  color: #fff !important;
}

.btn-secondary:active {
  background-color: color-mix(in srgb, var(--bs-secondary), black 20%) !important;
  border-color: color-mix(in srgb, var(--bs-secondary), black 25%) !important;
}

/* Secondary outline */
.btn-outline-secondary {
  color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  background-color: transparent !important;
  font-weight: 600;
}

.btn-outline-secondary:hover {
  color: #fff !important;
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

/* -------------------------
   Secondary utilities (Red accent)
   ------------------------- */
.text-secondary {
  color: var(--bs-secondary) !important;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.border-secondary {
  border-color: var(--bs-secondary) !important;
}

/* Secondary links */
a.link-secondary,
.link-secondary {
  color: var(--bs-secondary) !important;
}

a.link-secondary:hover,
.link-secondary:hover {
  color: color-mix(in srgb, var(--bs-secondary), black 15%) !important;
}

/* -------------------------
   Forms: focus rings
   ------------------------- */
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15) !important;
}

/* Secondary focus (for accent elements) */
.form-control-secondary:focus,
.form-select-secondary:focus {
  border-color: var(--bs-secondary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-secondary-rgb), 0.12) !important;
}

/* Form check/radio (checked) */
.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Form switch */
.form-switch .form-check-input:checked {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

/* -------------------------
   Badges
   ------------------------- */
.badge.bg-primary,
.badge-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.badge.bg-secondary,
.badge-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

.badge.text-bg-primary {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.badge.text-bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff !important;
}

/* -------------------------
   Alerts
   ------------------------- */
.alert-primary {
  background-color: var(--bs-primary-bg-subtle) !important;
  border-color: var(--bs-primary-border-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.alert-secondary {
  background-color: var(--bs-secondary-bg-subtle) !important;
  border-color: var(--bs-secondary-border-subtle) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

/* Alert links */
.alert-primary .alert-link {
  color: var(--bs-primary) !important;
  font-weight: 600;
}

.alert-secondary .alert-link {
  color: var(--bs-secondary-text-emphasis) !important;
  font-weight: 600;
}

/* -------------------------
   Progress bars
   ------------------------- */
.progress-bar {
  background-color: var(--bs-primary) !important;
}

.progress-bar.bg-primary {
  background-color: var(--bs-primary) !important;
}

.progress-bar.bg-secondary {
  background-color: var(--bs-secondary) !important;
}

/* -------------------------
   Navigation
   ------------------------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

.nav-link {
  color: var(--bs-primary) !important;
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-secondary) !important;
}

/* Navbar brand/links */
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover {
  color: var(--bs-primary) !important;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--bs-primary) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--bs-secondary) !important;
}

.navbar-light .navbar-nav .nav-link.active {
  color: var(--bs-secondary) !important;
  font-weight: 600;
}

/* -------------------------
   Pagination
   ------------------------- */
.page-link {
  color: var(--bs-primary) !important;
}

.page-link:hover {
  color: var(--bs-secondary) !important;
  background-color: var(--bs-light) !important;
}

.page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

.page-item.disabled .page-link {
  color: #6c757d !important;
}

/* -------------------------
   List group
   ------------------------- */
.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: var(--bs-light) !important;
}

.list-group-item.active {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

.list-group-item-primary {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.list-group-item-secondary {
  background-color: var(--bs-secondary-bg-subtle) !important;
  color: var(--bs-secondary-text-emphasis) !important;
}

/* -------------------------
   Dropdowns
   ------------------------- */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--bs-light) !important;
  color: var(--bs-primary) !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* -------------------------
   Tables
   ------------------------- */
.table-primary {
  background-color: var(--bs-primary-bg-subtle) !important;
  border-color: var(--bs-primary-border-subtle) !important;
}

.table-secondary {
  background-color: var(--bs-secondary-bg-subtle) !important;
  border-color: var(--bs-secondary-border-subtle) !important;
}

/* -------------------------
   Toasts
   ------------------------- */
.toast-header {
  background-color: var(--bs-light) !important;
  color: var(--bs-primary) !important;
}

/* -------------------------
   Spinners
   ------------------------- */
.spinner-border.text-primary,
.spinner-grow.text-primary {
  color: var(--bs-primary) !important;
}

.spinner-border.text-secondary,
.spinner-grow.text-secondary {
  color: var(--bs-secondary) !important;
}

/* -------------------------
   Accordion
   ------------------------- */
.accordion-button:not(.collapsed) {
  background-color: var(--bs-primary-bg-subtle) !important;
  color: var(--bs-primary-text-emphasis) !important;
}

.accordion-button:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.15) !important;
}

/* -------------------------
   Offcanvas
   ------------------------- */
.offcanvas-header {
  border-bottom: 1px solid var(--bs-primary-border-subtle) !important;
}

/* -------------------------
   Modal
   ------------------------- */
.modal-header {
  border-bottom: 1px solid var(--bs-primary-border-subtle) !important;
}

/* -------------------------
   Accessibility: focus outlines
   ------------------------- */
:focus-visible {
  outline: 2px solid var(--bs-primary) !important;
  outline-offset: 2px;
}

button:focus-visible,
.btn:focus-visible {
  outline: 2px solid var(--bs-secondary) !important;
  outline-offset: 2px;
}

/* End of ByteBeez Bootstrap overwrite *//*# sourceMappingURL=bootstrap-override.css.map */