/* ==========================================================================
   BoostTrackOverride (Bootstrap 5.0.2) – “danger” → azul
   Autor: EXE + Chat
   NOTA:
   - Archivo pensado para 5.0.2 (sin CSS vars globales).
   - Pisamos utilidades y componentes con igual o mayor especificidad.
   - Usamos !important en utilidades de color para ganar al 100%.
   - Cargar SIEMPRE después de bootstrap.min.css
   ========================================================================== */

/* Paleta azul de marca (ajustá a gusto) */
:root {
  --brand-blue-50:  #eff6ff;
  --brand-blue-100: #dbeafe;
  --brand-blue-200: #bfdbfe;
  --brand-blue-300: #93c5fd;
  --brand-blue-400: #60a5fa;
  --brand-blue-500: #3b82f6;
  --brand-blue-600: #2563eb; /* base */
  --brand-blue-700: #1d4ed8; /* hover/border */
  --brand-blue-800: #1e40af;
  --brand-blue-900: #1e3a8a;

  --on-blue: #ffffff;        /* texto sobre azul */
  --on-blue-strong: #f8fafc; /* texto suave o badges */
}

/* ------------------------------
   Utilidades “danger” → azul
   ------------------------------ */
.text-danger,
[class*=" text-danger"],
[class^="text-danger"] {
  color: var(--brand-blue-700) !important;
}

.bg-danger,
[class*=" bg-danger"],
[class^="bg-danger"] {
  background-color: var(--brand-blue-600) !important;
  color: var(--on-blue) !important;
}

.border-danger,
[class*=" border-danger"],
[class^="border-danger"] {
  border-color: var(--brand-blue-600) !important;
}

.link-danger,
a.link-danger {
  color: var(--brand-blue-700) !important;
}
.link-danger:hover,
a.link-danger:hover {
  color: var(--brand-blue-800) !important;
  text-decoration-color: var(--brand-blue-800) !important;
}

/* ------------------------------
   Botones danger → azul
   ------------------------------ */
.btn-danger,
.btn.btn-danger {
  color: var(--on-blue) !important;
  background-color: var(--brand-blue-600) !important;
  border-color: var(--brand-blue-600) !important;
}
.btn-danger:hover,
.btn.btn-danger:hover,
.btn-danger:focus,
.btn.btn-danger:focus {
  color: var(--on-blue) !important;
  background-color: var(--brand-blue-700) !important;
  border-color: var(--brand-blue-700) !important;
}
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: var(--on-blue) !important;
  background-color: var(--brand-blue-700) !important;
  border-color: var(--brand-blue-700) !important;
}

/* Outline danger → azul */
.btn-outline-danger,
.btn.btn-outline-danger {
  color: var(--brand-blue-700) !important;
  border-color: var(--brand-blue-600) !important;
  background-color: transparent !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus {
  color: var(--on-blue) !important;
  background-color: var(--brand-blue-600) !important;
  border-color: var(--brand-blue-600) !important;
}

/* ------------------------------
   Alerts danger → azul
   ------------------------------ */
.alert-danger {
  color: var(--brand-blue-800) !important;
  background-color: color-mix(in srgb, var(--brand-blue-600) 10%, white) !important;
  border-color: var(--brand-blue-600) !important;
}
.alert-danger .alert-link { color: var(--brand-blue-900) !important; }

/* ------------------------------
   Badges / List group / Progress
   ------------------------------ */
.badge.bg-danger, .badge.text-bg-danger {
  background-color: var(--brand-blue-700) !important;
  color: var(--on-blue-strong) !important;
}

.list-group-item-danger {
  color: var(--brand-blue-800) !important;
  background-color: color-mix(in srgb, var(--brand-blue-600) 8%, white) !important;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  background-color: color-mix(in srgb, var(--brand-blue-600) 12%, white) !important;
}

.progress-bar.bg-danger {
  background-color: var(--brand-blue-600) !important;
}

/* ------------------------------
   Form feedback / Validaciones
   ------------------------------ */
.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--brand-blue-600) !important;
}
.invalid-feedback,
.invalid-tooltip,
.text-danger.form-text {
  color: var(--brand-blue-700) !important;
}

/* ------------------------------
   Pagination (si usaban danger)
   ------------------------------ */
.page-item.active .page-link,
.page-link.active,
.pagination .page-item.active .page-link {
  background-color: var(--brand-blue-600) !important;
  border-color: var(--brand-blue-600) !important;
  color: var(--on-blue) !important;
}

/* ------------------------------
   Toasts / Modals (acentos danger)
   ------------------------------ */
.toast-header .text-danger { color: var(--brand-blue-700) !important; }
.modal-header .btn-close.btn-close-white:focus { box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--brand-blue-600) 35%, transparent) !important; }

/* ------------------------------
   Helpers de foco (si antes usaban rojo)
   ------------------------------ */
:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--brand-blue-600) 65%, transparent);
  outline-offset: 2px;
}

/* ------------------------------
   Extra: reemplazos directos por hex,
   por si hay HTML viejo con estilos inline.
   ------------------------------ */
* {
  /* Mapea el rojo Bootstrap #dc3545 a azul de marca */
  /* Solo se aplica si el autor usó ese hex inline y gana por cascade */
}