/* --- Кастомные стили для чекбокса и селекта ---
   Использовать на всех страницах, где Bootstrap чекбоксы/селекты не отображаются корректно.
   Не затрагивает другие элементы!
*/

/* --- Чекбокс --- */
.form-check-input[type="checkbox"] {
  /* Кастомизация галочки */
  width: 1.25em;
  height: 1.25em;
  border-radius: 0.25em;
  border: 2px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-check-input[type="checkbox"]:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input[type="checkbox"]:checked::after {
  /* Галочка SVG */
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 1.06-1.06l1.72 1.72 5.72-5.72a.75.75 0 0 1 1.06 0z"/></svg>');
  background-size: 1em 1em;
  background-repeat: no-repeat;
}

/* --- Селект --- */
.form-select {
  /* Кастомизация селекта */
  border: 2px solid #bbb;
  border-radius: 0.25em;
  background-color: #fff;
  font-size: 1em;
  padding-right: 2em;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-select:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.1em rgba(13,110,253,0.25);
}

/* --- Кастом стрелка для селекта --- */
.form-select {
  background-image:
    url('data:image/svg+xml;utf8,<svg fill="gray" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 1em 1em;
}

/* --- Убираем лишние outline и background на disabled --- */
.form-check-input[type="checkbox"]:disabled,
.form-select:disabled {
  background-color: #e9ecef;
  border-color: #ced4da;
  cursor: not-allowed;
}

/* --- Для инпута пароля --- */
.form-control[readonly] {
  background-color: #f8f9fa;
  color: #6c757d;
  border-color: #bbb;
}