/* pages.css — smaller public pages: programme, order confirmation. */

/* Programme */
.programme { border-top: 0; padding-top: var(--space-xl); }
.programme .dc-public > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.programme .dc-public label { max-width: 420px; font: 600 var(--step-petit)/1.2 var(--f-texte); letter-spacing: .06em; text-transform: uppercase; color: var(--sable); }
.programme .dc-public select { min-height: var(--cible); font-size: var(--step-0); text-transform: none; letter-spacing: 0; color: var(--creme); }
.programme .dc-public .dc-timeline li { grid-template-columns: 6em 1fr; border-bottom-color: var(--trait); }
.programme .dc-public .dc-timeline time { font: 900 var(--step-2)/1 var(--f-display); }
.programme .dc-public .dc-timeline h3 { margin: 0; }
.programme__cta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--space-m); border-top: var(--trait-fin) solid var(--trait); }
.programme__cta > div { display: grid; gap: var(--space-2xs); }

/* Order confirmation */
.succes { padding-block: calc(var(--nav-h) + var(--space-xl)) var(--space-3xl); display: grid; gap: var(--space-s); justify-items: start; }
.succes__logo { width: 120px; height: auto; filter: var(--ombre-logo); }
.succes h1 { font-size: var(--step-5); }
.commande { display: grid; gap: var(--space-m); width: 100%; margin-top: var(--space-s); justify-items: start; }
.resume { display: grid; grid-template-columns: auto 1fr; gap: .5rem var(--space-m); margin: 0; padding: var(--space-s) var(--space-m); background: var(--carte); border: var(--trait-fin) solid var(--trait); border-radius: var(--rayon); }
.resume dt { color: var(--sable); font: 600 var(--step-petit)/1.4 var(--f-texte); letter-spacing: .08em; text-transform: uppercase; }
.resume dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.billets-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: var(--space-s); width: 100%; }
.billet-imprime { background: var(--carte); border: var(--trait-fin) solid var(--trait); border-top: 4px solid var(--rouge); border-radius: var(--rayon); padding: var(--space-m); display: grid; gap: var(--space-xs); justify-items: center; text-align: center; }
.billet-imprime header { display: grid; gap: .3rem; }
.billet-imprime h2 { margin: 0; font: 800 var(--step-2)/1 var(--f-display); text-transform: uppercase; }
.billet-imprime img { background: var(--blanc); padding: var(--space-2xs); border-radius: var(--rayon); width: 100%; max-width: 260px; }