/* =========================================================
   UNIVERSAL HIGH-CONTRAST BUTTON HOVER & FOCUS RULES
   Ensures ALL text, spans, icons, and child elements inside 
   any button are 100% crisp, clear, and high-contrast on hover!
   ========================================================= */

/* --- 1. SUCCESS / GREEN OUTLINE BUTTONS HOVER --- */
.btn-outline-success:hover,
.btn-outline-success:hover *,
.btn-outline-success:focus,
.btn-outline-success:focus *,
.btn-outline-custom:hover,
.btn-outline-custom:hover * {
  background-color: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 2. PRIMARY / BLUE OUTLINE BUTTONS HOVER --- */
.btn-outline-primary:hover,
.btn-outline-primary:hover *,
.btn-outline-primary:focus,
.btn-outline-primary:focus * {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 3. DANGER / RED OUTLINE BUTTONS HOVER --- */
.btn-outline-danger:hover,
.btn-outline-danger:hover *,
.btn-outline-danger:focus,
.btn-outline-danger:focus * {
  background-color: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 4. WARNING / GOLD OUTLINE BUTTONS HOVER --- */
.btn-outline-warning:hover,
.btn-outline-warning:hover *,
.btn-outline-warning:focus,
.btn-outline-warning:focus * {
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #000000 !important;
  fill: #000000 !important;
}

/* --- 5. INFO / TEAL OUTLINE BUTTONS HOVER --- */
.btn-outline-info:hover,
.btn-outline-info:hover *,
.btn-outline-info:focus,
.btn-outline-info:focus * {
  background-color: #0ea5e9 !important;
  border-color: #0ea5e9 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 6. DARK OUTLINE BUTTONS HOVER --- */
.btn-outline-dark:hover,
.btn-outline-dark:hover *,
.btn-outline-dark:focus,
.btn-outline-dark:focus * {
  background-color: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 7. SECONDARY OUTLINE BUTTONS HOVER --- */
.btn-outline-secondary:hover,
.btn-outline-secondary:hover *,
.btn-outline-secondary:focus,
.btn-outline-secondary:focus * {
  background-color: #475569 !important;
  border-color: #475569 !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 8. SOLID SUCCESS & PRIMARY CUSTOM BUTTONS HOVER --- */
.btn-success:hover,
.btn-success:hover *,
.btn-primary-custom:hover,
.btn-primary-custom:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 9. SOLID PRIMARY BUTTONS HOVER --- */
.btn-primary:hover,
.btn-primary:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 10. SOLID DANGER BUTTONS HOVER --- */
.btn-danger:hover,
.btn-danger:hover * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* --- 11. Community benefit tags hover --- */
.smart-benefit-tag:hover,
.smart-benefit-tag:hover * {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* --- 12. Admin Sidebar nav link icons contrast on hover --- */
.admin-sidebar .nav-link:hover,
.admin-sidebar .nav-link:hover * {
  color: #ffffff !important;
}