/* Custom CSS Overrides - Remove blue border/outline on button hover/focus */

/* Remove blue border/outline from all buttons */
.btn,
button,
a.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove blue border on hover */
.btn:hover,
button:hover,
a.btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* Remove blue border on focus */
.btn:focus,
.btn:focus-visible,
.btn:active,
.btn:focus:active,
button:focus,
button:focus-visible,
button:active,
a.btn:focus,
a.btn:focus-visible,
a.btn:active,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* Specifically target primary buttons */
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active,
.btn-primary:hover {
    outline: none !important;
    box-shadow: none !important;
}

/* Target all Bootstrap button variants */
.btn-secondary:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-warning:focus,
.btn-info:focus,
.btn-light:focus,
.btn-dark:focus,
.btn-outline-primary:focus,
.btn-outline-secondary:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove focus ring from form controls as well */
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
}