/* Override Bootstrap's warning color with !important */
:root {
  --bs-warning: #f97316 !important;
  --bs-warning-rgb: 249, 115, 22 !important;
}

/* Target specific elements with higher specificity */
.btn.btn-warning, 
button.btn-warning {
  background-color: #f97316 !important;
  border-color: #f97316 !important;
}

.btn.btn-warning:hover, 
button.btn-warning:hover {
  background-color: #ea580c !important;
  border-color: #ea580c !important;
}

.btn.btn-warning:active, 
button.btn-warning:active {
  background-color: #c2410c !important;
  border-color: #c2410c !important;
}

/* For text colors */
.text-warning,
span.text-warning,
a.text-warning {
  color: #f97316 !important;
}

/* For outline buttons */
.btn.btn-outline-warning,
button.btn-outline-warning {
  color: #f97316 !important;
  border-color: #f97316 !important;
}

.btn.btn-outline-warning:hover,
button.btn-outline-warning:hover {
  background-color: #f97316 !important;
  color: white !important;
}

/* For borders */
.border-warning,
.border-warning-subtle {
  border-color: #fed7aa !important;
}

/* Custom components */
.form-range::-webkit-slider-thumb {
  background-color: #f97316 !important;
}

.form-range::-moz-range-thumb {
  background-color: #f97316 !important;
}

/* For hover states */
.hover-text-warning:hover {
  color: #f97316 !important;
}