/* Global Button Underline Fix */
/* Ensures no buttons get underlined on hover across the entire application */

/* Remove underlines from all button elements */
button,
button:hover,
button:focus,
button:active,
button:visited,
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
a.btn,
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn:visited,
[role="button"],
[role="button"]:hover,
[role="button"]:focus,
[role="button"]:active,
[role="button"]:visited {
  text-decoration: none !important;
}

/* Fix Bootstrap button underlines */
.btn-primary,
.btn-primary:hover,
.btn-secondary,
.btn-secondary:hover,
.btn-success,
.btn-success:hover,
.btn-danger,
.btn-danger:hover,
.btn-warning,
.btn-warning:hover,
.btn-info,
.btn-info:hover,
.btn-light,
.btn-light:hover,
.btn-dark,
.btn-dark:hover,
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-success,
.btn-outline-success:hover,
.btn-outline-danger,
.btn-outline-danger:hover,
.btn-outline-warning,
.btn-outline-warning:hover,
.btn-outline-info,
.btn-outline-info:hover,
.btn-outline-light,
.btn-outline-light:hover,
.btn-outline-dark,
.btn-outline-dark:hover {
  text-decoration: none !important;
}

/* Fix any custom button classes */
.button,
.button:hover,
.action-button,
.action-button:hover,
.submit-button,
.submit-button:hover,
.cancel-button,
.cancel-button:hover {
  text-decoration: none !important;
}

/* Ensure links styled as buttons don't get underlined */
a[class*="btn"],
a[class*="btn"]:hover,
a[class*="btn"]:focus,
a[class*="btn"]:active,
a[class*="btn"]:visited {
  text-decoration: none !important;
}

/* Fix specific problem areas */
.card-body a.btn,
.card-body a.btn:hover,
.modal-footer .btn,
.modal-footer .btn:hover,
.btn-group .btn,
.btn-group .btn:hover,
.btn-group a.btn,
.btn-group a.btn:hover {
  text-decoration: none !important;
}

/* Override any inherited underline styles */
a.btn {
  text-decoration: none !important;
}

/* Ensure anchor buttons in dark mode don't get underlined */
html.dark-mode a.btn,
html.dark-mode a.btn:hover,
html.dark-mode a.btn:focus,
html.dark-mode a.btn:active,
html.dark-mode a.btn:visited,
html.dark-mode .btn:hover,
html.dark-mode button.btn:hover {
  text-decoration: none !important;
}

/* Force override for any context */
* a.btn,
* a.btn:hover,
* .btn,
* .btn:hover {
  text-decoration: none !important;
}