/* Rachat Auto Confluence — direction « Le Ticket » (Industrial Utility). Jetons générés par construire.py à partir de directions.json ; le reste de la feuille vient de sites/rachat-auto-confluence/skin.css. */
:root{
  --bg:#FAFAF7;--bg-2:#F1F1EB;--ink:#111214;--ink-2:#474A52;--ink-3:color-mix(in srgb,#474A52 70%,#FAFAF7);
  --line:color-mix(in srgb,#111214 12%,#FAFAF7);--line-2:color-mix(in srgb,#111214 22%,#FAFAF7);
  --accent:#F5C400;--accent-ink:#111214;--accent-2:#145C3A;--accent-soft:color-mix(in srgb,#F5C400 14%,#FAFAF7);
  --f-head:'IBM Plex Mono',system-ui,sans-serif;--f-body:'Public Sans',system-ui,sans-serif;
  --r:4px;--r-lg:10px;--r-btn:4px;
}
/* ===== Le Ticket : reçu thermique, perforations, numéros de ligne, jaune signal + noir ===== */
body{font-weight:400}
h1,h2,h3{letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.02}
.kicker{color:var(--ink);background:var(--accent);display:inline-block;padding:.3rem .6rem;border-radius:2px;letter-spacing:.16em}
.kicker--light{background:transparent;color:#fff;padding:0}
em{color:var(--ink);background:linear-gradient(transparent 62%,var(--accent) 62%)}
.cta-final em,.hero em{background:linear-gradient(transparent 62%,var(--accent) 62%)}
.topbar{border-bottom:2px solid var(--ink)}
.brand__name{text-transform:uppercase;letter-spacing:.04em;font-size:1rem}
.brand__name em{background:none;color:var(--ink)}
.btn--primary{box-shadow:4px 4px 0 var(--ink)}
.btn--primary:hover{box-shadow:6px 6px 0 var(--ink)}
.btn--ghost{border-color:var(--ink)}

/* héros */
.hero--ticket{padding:clamp(2.4rem,6vw,5rem) 0 clamp(2rem,5vw,4rem);background:
  repeating-linear-gradient(90deg,transparent 0 22px,rgba(17,18,20,.05) 22px 23px),var(--bg)}
.hero__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.hero__ticket{display:flex}
.hero__photo-img{width:100%;aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__ticket{order:-1}}

/* têtes de section « ligne de reçu » */
.ticket-head{display:flex;align-items:baseline;gap:1rem;border-top:2px dashed var(--ink);padding-top:1rem;margin-bottom:1.4rem}
.ticket-head span{font-family:var(--f-head);font-weight:700;font-size:.85rem;background:var(--ink);color:var(--accent);padding:.25rem .5rem}
.ticket-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.3rem)}
.ticket-head h2 small{display:block;font-family:var(--f-body);font-size:.55em;font-weight:400;color:var(--ink-2);margin-top:.2rem}
.sect--tight{padding-top:2rem}

/* composants au registre du reçu */
.etats__item,.etape,.preuve__item,.post,.faq details,.formlead__card,.aside__card,.wizard-card,.contact-card,.modele,.villes-table,.offer{border:1.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:none}
.etats__item:hover,.post:hover,.chip:hover{box-shadow:4px 4px 0 var(--ink);border-color:var(--ink)}
.etats__num{background:var(--accent);color:var(--ink);padding:.1rem .4rem;width:max-content}
.etape__num{border-radius:4px;background:var(--ink);color:var(--accent)}
.preuve{margin-top:1.6rem}
.preuve__item b{color:var(--ink)}
.preuve__item{position:relative;padding-left:1.6rem}
.preuve__item::before{content:"";position:absolute;left:.7rem;top:1rem;bottom:1rem;border-left:2px dashed var(--accent)}
.chip{border-color:var(--ink);border-radius:2px}
.chip svg{color:var(--ink)}
.faq summary::after{border-color:var(--ink)}
.faq details[open]{border-color:var(--ink);box-shadow:4px 4px 0 var(--accent)}
.page-hero{background:var(--bg);border-bottom:2px dashed var(--ink)}
.cta-final{background:var(--ink);color:#fff}
.cta-final .btn--cream{background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 #fff}
.cta-final__title em{color:var(--accent);background:none}
.footer{background:var(--bg-2);position:relative;padding-top:4.2rem}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 20px)}
.footer::after{content:"";position:absolute;top:14px;left:0;right:0;height:8px;background-image:radial-gradient(circle,var(--bg-2) 3px,transparent 3.5px);background-size:20px 8px;background-position:5px 0}
.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.1fr}
.footer__col{border-left:1.5px dashed var(--line-2);padding-left:1.4rem}
@media (max-width:640px){.footer__col{border-left:0;padding-left:0}}
.callbar__btn--go{color:var(--ink)}
.cta-mi{background:var(--ink);color:#fff;border-radius:var(--r-lg)}
.cta-mi .btn--cream{background:var(--accent);color:var(--ink)}
.galerie__item figcaption{background:var(--ink);color:var(--accent);border-radius:2px}
.prose h2{padding-top:.6rem;border-top:2px dashed var(--ink)}