/* Focus Fix CSS - Menghilangkan kotak biru saat tombol diklik */

/* Menghilangkan semua focus outline dan box-shadow */
*:focus,
*:active,
*:active:focus,
*:focus-visible,
*:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* Khusus untuk tombol Bootstrap */
.btn:focus,
.btn:active,
.btn:active:focus,
.btn:focus-visible,
.btn:focus:not(:focus-visible),
.btn-check:focus-visible + .btn,
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
}

/* Override Bootstrap CSS variables */
:root {
  --bs-btn-focus-box-shadow: none !important;
  --bs-focus-ring-width: 0 !important;
  --bs-focus-ring-opacity: 0 !important;
}

/* Menghilangkan focus ring pada elemen form */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  box-shadow: none !important;
  outline: none !important;
  border-color: #ced4da !important;
}

/* Menghilangkan focus ring pada link */
a:focus,
a:active,
a:active:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Menghilangkan focus ring pada elemen interaktif lainnya */
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}