/* ================================================================= */
/* Styles des Contrôles TTS - Version FINALE STABLE ET ÉLÉGANTE      */
/* Objectif : Regroupement à gauche, empilement automatique si débordement */
/* ================================================================= */
/* Conteneur de la barre */
.tts-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: var(--space-md);
  padding: var(--space-xs) var(--space-sm);
  width: fit-content;
}
/* Style de base du bouton (rond) */
.tts-btn-icon {
  width: calc(33 / 16 * 1rem); /* 1.8rem */
  height: calc(33 / 16 * 1rem); /* 1.8rem */
  border: calc(2 / 16 * 1rem) solid var(--color-tts-btn-icon-border);
  border-radius: var(--radius-pill);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #ffffff;
}
/* Masquer par défaut tous les boutons désactivés */
.tts-bar button[disabled],
.tts-bar .tts-btn-icon[disabled] {
  display: none !important;
}
/* EFFET DE SURVOL */
.tts-btn-icon:not(:disabled):hover {
  transform: scale(var(--transform-scale-lg));
  box-shadow: var(--shadow-z2);
}
/* COULEUR ET TAILLE DES ICÔNES (Noir sur blanc) */
.tts-btn-icon .tts-icon-size {
  width: calc(23 / 16 * 1rem); /* 1.2rem */
  height: calc(23 / 16 * 1rem); /* 1.2rem */
  filter: brightness(0);
}
/* ÉTAT ACTIF (Play en lecture) : Bordure noire */
/* Style du Texte d'Explication (tts-label) */
.tts-label {
  color: black;
  font-size: var(--font-size-base);
  font-weight: var(--fw-bold);
  user-select: none;
  cursor: default;
  white-space: nowrap;
}