/*
 * FichaMed — tema global
 * Sobrescribe las variables CSS de Bootstrap 5 con el color primary de la app.
 * Incluir en todos los layouts DESPUÉS de bootstrap.min.css.
 */

:root {
  --bs-primary:             #003366;
  --bs-primary-rgb:         0, 51, 102;
  --bs-link-color:          #003366;
  --bs-link-color-rgb:      0, 51, 102;
  --bs-link-hover-color:    #002650;
  --bs-link-hover-color-rgb: 0, 38, 80;
}

/* ---- btn-primary (BS5 variables + fallback directo para BS3/4) ---- */
.btn-primary {
  --bs-btn-bg:                  #003366;
  --bs-btn-border-color:        #003366;
  --bs-btn-hover-bg:            #002650;
  --bs-btn-hover-border-color:  #002650;
  --bs-btn-active-bg:           #001f40;
  --bs-btn-active-border-color: #001f40;
  --bs-btn-disabled-bg:         #003366;
  --bs-btn-disabled-border-color: #003366;
  --bs-btn-focus-shadow-rgb:    0, 51, 102;
  background-color: #003366;
  border-color:     #003366;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #002650;
  border-color:     #002650;
  color: #fff;
}

/* ---- btn-outline-primary (BS5 variables + fallback directo para BS3/4) ---- */
.btn-outline-primary {
  --bs-btn-color:               #003366;
  --bs-btn-border-color:        #003366;
  --bs-btn-hover-bg:            #003366;
  --bs-btn-hover-border-color:  #003366;
  --bs-btn-hover-color:         #fff;
  --bs-btn-active-bg:           #002650;
  --bs-btn-active-border-color: #002650;
  --bs-btn-active-color:        #fff;
  --bs-btn-focus-shadow-rgb:    0, 51, 102;
  color:        #003366;
  border-color: #003366;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #003366;
  border-color:     #003366;
  color: #fff;
}

/* ---- Utilidades de color ---- */
.text-primary      { color: #003366 !important; }
.bg-primary        { background-color: #003366 !important; }
.border-primary    { border-color: #003366 !important; }

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

/* ---- Nav pills (tabs) ---- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #003366;
}

/* ---- Form check / radio ---- */
.form-check-input:checked {
  background-color: #003366;
  border-color:     #003366;
}
.form-check-input:focus {
  border-color: #80a3cc;
  box-shadow: 0 0 0 .25rem rgba(0, 51, 102, .25);
}

/* ---- Focus ring en inputs y selects ---- */
.form-control:focus,
.form-select:focus {
  border-color: #80a3cc;
  box-shadow: 0 0 0 .25rem rgba(0, 51, 102, .2);
}

/* ---- Progress bar ---- */
.progress-bar { background-color: #003366; }

/* ---- Spinner ---- */
.text-primary.spinner-border,
.text-primary.spinner-grow { color: #003366 !important; }

/* ---- Links dentro de la app ---- */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand) {
  color: #003366;
}
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):hover {
  color: #002650;
}