/* Hide the native radio visually but keep it accessible */
.btn-radio-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* Container styling (optionnel) */
.btn-radio-group {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  align-self: stretch; /* espace entre boutons */
  overflow: scroll;
}

.btn-radio-group label {
  display: flex;
  height: 40px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

/* Checked state — style the label when the preceding radio is :checked */
.btn-radio-input:checked + .btn-category {
  --bs-btn-bg: var(--primary-300);
}

.btn-radio-group {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.btn-radio-group::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}