/* ---------------------------------------------------------------
   Boutons de mise à l'échelle de la recette
--------------------------------------------------------------- */
.recipe-scale-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.recipe-scale {
  opacity: 0.6;
  transition: opacity 0.15s, font-weight 0.15s;
  padding: 0.1em 0.3em;
  font-size: 0.7em;
  min-height: unset;
  line-height: 1.4;
}

.recipe-scale--active {
  opacity: 1;
  font-weight: bold;
  box-shadow: 0 0 0 2px var(--md-primary-fg-color);
}

.recipe-scale:hover {
  opacity: 1;
}

.recipe-scale:focus,
.unit-swap:focus {
  outline: none;
}

/* ---------------------------------------------------------------
   Boutons de sélection du système d'unités (Original / Métrique / Impérial)
--------------------------------------------------------------- */
.unit-swap-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.unit-swap {
  opacity: 0.6;
  transition: opacity 0.15s, font-weight 0.15s;
  padding: 0.1em 0.3em;
  font-size: 0.7em;
  min-height: unset;
  line-height: 1.4;
}

.unit-swap--active {
  opacity: 1;
  font-weight: bold;
  box-shadow: 0 0 0 2px var(--md-primary-fg-color);
}

.unit-swap:hover {
  opacity: 1;
}