/* Styles réutilisables pour formulaires (conteneur étroit, options cliquables). */

.lead-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.form-shell {
  max-width: 32rem;
}

.form-check-option {
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.form-check-option:hover {
  border-color: var(--bs-primary-border-subtle);
  background-color: var(--bs-secondary-bg);
}

.form-check-option:has(.form-check-input:checked) {
  background-color: var(--bs-primary-bg-subtle);
  border-color: var(--bs-primary-border-subtle);
}

.form-check-option:has(.form-check-input:checked):hover {
  border-color: var(--bs-primary);
  box-shadow: 0 0.125rem 0.375rem rgba(var(--bs-primary-rgb), 0.15);
}

.form-check-option:has(.form-check-input:checked) i {
  color: var(--bs-primary) !important;
}