/**
 * ============================================
 * SOBRESCRITURA DE COLORES CORPORATIVOS
 * ============================================
 * 
 * Este archivo sobrescribe colores hardcodeados en style.css
 * para aplicar los colores corporativos de Antioquia Gold
 * 
 * Cargar después de style.css
 */

/* Reemplazar gradientes verdes genéricos */
[style*="linear-gradient(135deg, #2ecc71"],
[style*="linear-gradient(135deg, #28a745"],
[style*="linear-gradient(135deg, #27ae60"] {
  background: var(--gradient-primary) !important;
}

/* Reemplazar colores verdes específicos */
/* Nota: Los colores hardcodeados en atributos style se manejan mejor 
   reemplazándolos directamente en el HTML o usando clases CSS */

/* Badges y etiquetas */
.badge.bg-primary,
.badge.bg-success {
  background-color: var(--agd-green-light) !important;
  color: var(--text-white) !important;
}

.badge.bg-warning {
  background-color: var(--agd-gold) !important;
  color: var(--text-primary) !important;
}

.badge.bg-secondary {
  background-color: var(--agd-gold) !important;
  color: var(--text-primary) !important;
}

/* Botones */
.btn-primary,
.btn-success {
  background: var(--gradient-primary) !important;
  border-color: var(--agd-green-light) !important;
  color: var(--text-white) !important;
}

.btn-primary:hover,
.btn-success:hover {
  background: var(--gradient-primary-hover) !important;
  border-color: var(--agd-green) !important;
}

.btn-warning {
  background: var(--gradient-secondary) !important;
  border-color: var(--agd-gold) !important;
  color: var(--text-primary) !important;
}

.btn-warning:hover {
  background: var(--gradient-secondary-hover) !important;
  border-color: var(--agd-gold-dark) !important;
}

.btn-outline-primary {
  border-color: var(--agd-green-light) !important;
  color: var(--agd-green-light) !important;
}

.btn-outline-primary:hover {
  background: var(--agd-green-light) !important;
  border-color: var(--agd-green-light) !important;
  color: var(--text-white) !important;
}

/* Enlaces */
a {
  color: var(--link-color, var(--agd-green-light));
}

a:hover {
  color: var(--link-hover-color, var(--agd-green-dark));
}

/* Alertas */
.alert-success {
  background-color: var(--alert-success-bg) !important;
  border-color: var(--alert-success-border) !important;
  color: var(--alert-success-text) !important;
}

.alert-warning {
  background-color: var(--alert-warning-bg) !important;
  border-color: var(--alert-warning-border) !important;
  color: var(--alert-warning-text) !important;
}

/* Progress bars */
.progress-bar.bg-success,
.progress-bar.bg-primary {
  background-color: var(--agd-green-light) !important;
}

.progress-bar.bg-warning {
  background-color: var(--agd-gold) !important;
}

/* Cards con bordes de color */
.card.border-primary,
.card.border-success {
  border-color: var(--agd-green-light) !important;
}

/* Textos de color */
.text-success,
.text-primary {
  color: var(--agd-green-light) !important;
}

.text-warning {
  color: var(--agd-gold) !important;
}

/* Inputs con focus */
.form-control:focus,
.form-select:focus {
  border-color: var(--agd-green-light) !important;
  box-shadow: 0 0 0 0.2rem var(--bg-primary-light) !important;
}

/* Navbar y sidebar */
.navbar.bg-primary,
.sidebar.bg-primary {
  background-color: var(--agd-green) !important;
}

/* Modales */
.modal-header.bg-primary {
  background: var(--gradient-primary) !important;
  color: var(--text-white) !important;
}

/* Tablas */
.table-primary {
  background-color: var(--agd-green-light) !important;
  color: var(--text-white) !important;
}

.table-success {
  background-color: var(--bg-primary-light) !important;
}

/* Paginación */
.page-item.active .page-link {
  background-color: var(--agd-green-light) !important;
  border-color: var(--agd-green-light) !important;
  color: var(--text-white) !important;
}

.page-link {
  color: var(--agd-green-light) !important;
}

.page-link:hover {
  color: var(--agd-green-dark) !important;
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--agd-green-light) !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
  color: var(--agd-green-light) !important;
  border-bottom-color: var(--agd-green-light) !important;
}

.nav-tabs .nav-link:hover {
  color: var(--agd-green-dark) !important;
}

/* Tooltips */
.tooltip-inner {
  background-color: var(--agd-green-dark) !important;
}

/* Spinners */
.spinner-border-primary,
.spinner-border-success {
  border-color: var(--agd-green-light) !important;
}

/* Checkboxes y radios personalizados */
.form-check-input:checked {
  background-color: var(--agd-green-light) !important;
  border-color: var(--agd-green-light) !important;
}

/* Switches */
.form-switch .form-check-input:checked {
  background-color: var(--agd-green-light) !important;
}

/* Range inputs */
.form-range::-webkit-slider-thumb {
  background-color: var(--agd-green-light) !important;
}

.form-range::-moz-range-thumb {
  background-color: var(--agd-green-light) !important;
}