/* Global Input Styles - Loại bỏ border khi focus vào input và dropdown */

/* Loại bỏ outline và box-shadow cho tất cả các phần tử khi focus */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Loại bỏ border-color đặc biệt khi focus vào input, select, textarea */
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus,
.dropdown-toggle:focus,
.custom-select:focus,
.custom-control-input:focus,
.custom-file-input:focus,
.input-group-text:focus,
.page-link:focus,
.nav-link:focus,
.navbar-toggler:focus,
.btn-close:focus,
.accordion-button:focus,
.form-range:focus {
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ border-color đặc biệt khi hover vào input, select, textarea */
input:hover,
select:hover,
textarea:hover,
.form-control:hover,
.form-select:hover,
.dropdown-toggle:hover {
  border-color: #ced4da !important;
}

/* Loại bỏ border-color đặc biệt khi active vào input, select, textarea */
input:active,
select:active,
textarea:active,
.form-control:active,
.form-select:active,
.form-check-input:active,
.btn:active,
.dropdown-toggle:active,
.custom-select:active,
.custom-control-input:active,
.custom-file-input:active,
.input-group-text:active,
.page-link:active,
.nav-link:active,
.navbar-toggler:active,
.btn-close:active,
.accordion-button:active,
.form-range:active {
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ border-color đặc biệt khi valid và invalid */
.form-control.is-valid,
.form-select.is-valid,
.form-control.is-valid:focus,
.form-select.is-valid:focus,
.form-control.is-invalid,
.form-select.is-invalid,
.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
  border-color: #ced4da !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Loại bỏ border-color đặc biệt cho input-group */
.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control,
.input-group:focus-within .btn,
.input-group:focus-within input,
.input-group:focus-within * {
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ border-color đặc biệt cho dropdown */
.dropdown-toggle:focus,
.dropdown-menu:focus,
.dropdown-item:focus {
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ border-color đặc biệt cho các phần tử khác */
.btn-check:focus + .btn,
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active,
.btn:focus-visible {
  border-color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ border-color đặc biệt cho các phần tử Bootstrap khác */
.accordion-button:not(.collapsed),
.accordion-button:focus,
.accordion-button:active {
  border-color: #ced4da !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Loại bỏ background-image cho các trường valid và invalid */
.was-validated .form-control:valid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.form-control.is-invalid {
  background-image: none !important;
}

/* Loại bỏ border-color đặc biệt cho các phần tử khi focus-visible (cho trình duyệt mới) */
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ced4da !important;
}