/*
 * Pages de commande Tickera (#67).
 *
 * Les lignes de montant ne sont PAS retirées du gabarit : elles sont masquées
 * quand la commande est à zéro. Une édition payante n'obtient pas la classe
 * `jsst-free-order` et les retrouve sans qu'on touche à ce fichier.
 *
 * ⚠️ Ces sélecteurs sont relevés sur le HTML réellement servi par Tickera
 * 3.6.0.2 (voir tests/fixtures/tickera-order-details.html). La première version
 * visait des classes supposées qui n'existaient pas : la règle s'appliquait, et
 * ne masquait rien. Un test vérifie désormais qu'ils accrochent le vrai balisage.
 */
.jsst-free-order #order_subtotal,
.jsst-free-order #order_total {
	display: none;
}

/* Masque aussi le paragraphe qui les enveloppe, là où :has() est supporté —
   sinon un blanc vertical subsiste. Dégradation sans conséquence ailleurs. */
.jsst-free-order p:has(> #order_subtotal),
.jsst-free-order p:has(> #order_total) {
	display: none;
}

/* Le tableau des billets reste lisible sur mobile. */
#order_details table { width: 100%; border-collapse: collapse; }
#order_details td, #order_details th { padding: 6px 8px; }

/* #132 — ce qui s'est réellement passé, atelier par atelier.
   La page annonçait « votre inscription est enregistrée » et « présentez-le à
   l'entrée de chaque atelier réservé » à quelqu'un qui pouvait être en liste
   d'attente pour l'un d'eux. Le rang est l'information : 2ᵉ et 22ᵉ ne se
   décident pas de la même façon. */
.jsst-outcome { margin-top: 22px; }
.jsst-outcome-who { font-size: 16px; margin: 18px 0 4px; }
.jsst-outcome-h {
	margin: 14px 0 6px; font-weight: 700; font-size: 14px;
	text-transform: uppercase; letter-spacing: .04em; color: var(--muted, #6b7280);
}
.jsst-outcome-list { margin: 0; padding-left: 20px; }
.jsst-outcome-list li { margin: 3px 0; }
/* Une puce d'attente ne doit pas se lire comme une confirmation : la couleur
   accompagne des mots qui le disent déjà, elle ne les remplace pas. */
.jsst-outcome-waiting li::marker { color: var(--orange, #F39200); }
.jsst-outcome-note { margin: 8px 0 0; font-size: 14px; color: var(--muted, #6b7280); }