/* Le label « Bientôt » des réservations (Kevin 03/10 : « un petit label bientôt, dans le thème du site, qu'on pourra
   enlever directement sans changer le style du site »). Posé par outils/cms.py (BIENTOT) en attribut data-bientot sur
   les seuls éléments choisis ; BIENTOT = None le retire, et cette feuille avec, sans rien toucher d'autre.
   L'orange est celui du site (surtitres, « -17 % » des tarifs) ; la pastille arrondie, celle de ses boutons. */
[data-bientot]::after {
  content: "Soon";
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.2em 0.65em;
  border-radius: 999px;
  background: rgba(239, 100, 62, 0.12);
  color: #ef643e;
  font-family: inherit;
  font-size: clamp(11px, 0.7em, 13px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}
html[lang="fr"] [data-bientot]::after { content: "Bientôt"; }

/* La grille tarifaire (Kevin 03/10 soir : « au lieu de mettre des labels bientôt, mets des astérisques, c'est mieux…
   ça nique un peu le design ») : sur les lignes des formules, l'étoile orange du site remplace la pastille et renvoie
   à la légende posée sous la grille (outils/cms.py, LEGENDE_BIENTOT : « Déploiement progressif », Kevin 04/10). Même
   étoile sur les onglets des intégrations. Un lecteur d'écran entend « déploiement progressif » et pas « astérisque »
   (le texte après la barre oblique ; un navigateur qui ne le connaît pas garde la première ligne). */
.pricing-card_list [data-bientot]::after,
.w-tab-link [data-bientot]::after {
  content: "*";
  content: "*" / "gradual rollout";
  display: inline;
  margin-left: 0.1em;
  padding: 0;
  border-radius: 0;
  background: none;
  font-size: 1.15em;
  font-weight: 600;
  line-height: 1;
  vertical-align: baseline;
}
html[lang="fr"] .pricing-card_list [data-bientot]::after,
html[lang="fr"] .w-tab-link [data-bientot]::after { content: "*"; content: "*" / "déploiement progressif"; }
.soleir-avenir { margin-top: 1.25rem; text-align: center; }
.soleir-avenir span { color: #ef643e; font-weight: 600; }

/* Les intégrations (Kevin 04/10 : « on laissera le truc désactivé avec l'astérisque ») : l'onglet d'une fonction à
   venir garde sa place et son étoile, mais ne s'ouvre pas (cms.py lui retire data-w-tab) ; il se montre désactivé. */
.w-tab-link[aria-disabled="true"] { pointer-events: none; cursor: default; }
.w-tab-link[aria-disabled="true"] .tab-icon_wrapper { opacity: 0.45; }