/* Custom Focus Styles - Remove Blue Border Effects */

/* Remove default browser focus outlines */
*:focus {
    outline: none !important;
}

/* Remove Tailwind focus rings */
.focus\:ring-2:focus,
.focus\:ring-\[#4361EE\]:focus,
.focus\:ring-blue-500:focus,
.focus\:ring-offset-2:focus {
    --tw-ring-opacity: 0 !important;
    box-shadow: none !important;
}

/* Remove Bootstrap focus styles */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove form control focus styles */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    border-color: inherit !important;
    box-shadow: none !important;
}

/* Remove navigation link focus styles */
a:focus,
.nav-link:focus,
.navbar-nav .nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove button focus styles */
button:focus,
.btn:focus,
[type="button"]:focus,
[type="submit"]:focus,
[type="reset"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Alternative: Subtle focus indicator (uncomment if you want a subtle focus indicator) */
/*
*:focus-visible {
    outline: 2px solid rgba(111, 111, 234, 0.3) !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}
*/

/* Remove all focus rings and shadows */
*:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* Specific overrides for common components */
.focus\:outline-none:focus,
.focus\:ring-2:focus,
.focus\:ring-offset-2:focus,
.focus\:ring-blue-500:focus,
.focus\:ring-\[#4361EE\]:focus,
.focus\:ring-\[#4361EE\]\/50:focus {
    outline: none !important;
    box-shadow: none !important;
    --tw-ring-opacity: 0 !important;
    --tw-ring-shadow: none !important;
}

/* Remove focus effects from navigation items */
nav a:focus,
.navbar a:focus,
.header a:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* Remove focus effects from buttons */
.btn:focus,
button:focus,
[role="button"]:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}

/* Remove focus effects from form elements */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}