/* Rachat Auto Atlantique — direction « Le Chantier naval » (Industrial Coastal). Jetons générés par construire.py à partir de directions.json ; le reste de la feuille vient de sites/rachat-auto-atlantique/skin.css. */
:root{
  --bg:#F3F8FB;--bg-2:#E6EFF5;--ink:#10263B;--ink-2:#46596B;--ink-3:color-mix(in srgb,#46596B 70%,#F3F8FB);
  --line:color-mix(in srgb,#10263B 12%,#F3F8FB);--line-2:color-mix(in srgb,#10263B 22%,#F3F8FB);
  --accent:#FFC61A;--accent-ink:#10263B;--accent-2:#00A6A6;--accent-soft:color-mix(in srgb,#FFC61A 14%,#F3F8FB);
  --f-head:'Unbounded',system-ui,sans-serif;--f-body:'DM Sans',system-ui,sans-serif;
  --r:3px;--r-lg:8px;--r-btn:3px;
}
/* ===== Le Chantier naval : blanc-bleu, encre marine, jaune chantier, turquoise, rayures de sécurité, angles vifs ===== */
h1,h2,h3{letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.05}
h2{font-size:clamp(1.5rem,3vw,2.3rem)}
.kicker{color:var(--ink);letter-spacing:.2em}
.kicker::before{content:"";display:inline-block;width:1.6rem;height:.6rem;background:repeating-linear-gradient(-45deg,var(--accent) 0 5px,var(--ink) 5px 10px);margin-right:.6rem;vertical-align:middle}
em{color:var(--accent-2)}
.topbar{background:var(--bg);border-bottom:4px solid var(--ink)}
.brand__name{font-size:.95rem;letter-spacing:.02em}
.btn{font-size:.9rem}
.btn--primary{box-shadow:none;border-color:var(--ink);border-width:2px}
.btn--primary:hover{background:var(--ink);color:var(--accent)}
.btn--ghost{border-color:var(--ink)}

/* héros : portique pleine largeur puis texte */
.hero--portique{padding:0 0 clamp(2rem,5vw,4rem);background:var(--bg-2)}
.portique{padding-top:1.4rem;border-bottom:14px solid var(--ink)}
.hero__photo-img{display:block;width:100%;height:380px;object-fit:cover}
.hero__txt{padding-top:clamp(1.6rem,4vw,3rem)}
.hero__row{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:end}
.hero__row .lead{margin:0}
.hero__row .actions{justify-content:flex-end}
@media (max-width:820px){.hero__row{grid-template-columns:1fr}.hero__row .actions{justify-content:flex-start}.hero__photo-img{height:220px}}

/* composants : blocs lourds */
.etats__item,.etape,.preuve__item,.post,.faq details,.formlead__card,.aside__card,.wizard-card,.contact-card,.modele,.villes-table,.offer,.chip{border-radius:var(--r);border:2px solid var(--ink);box-shadow:none;background:#fff}
.etats__item .etats__num{background:var(--accent);color:var(--ink)}
.etats__item:hover,.post:hover,.chip:hover{box-shadow:6px 6px 0 var(--ink);transform:none}
.etats__num{background:var(--ink);color:var(--accent);padding:.1rem .4rem;width:max-content}
.etape__num{border-radius:var(--r);background:var(--accent);color:var(--ink);border:2px solid var(--ink)}
.preuve__item b{background:var(--accent);display:inline-block;padding:0 .3rem;width:max-content}
.preuve__item b{color:var(--ink)}
.shead h2{position:relative;padding-bottom:.6rem}
.shead h2::after{content:"";display:block;width:80px;height:6px;margin-top:.6rem;background:repeating-linear-gradient(-45deg,var(--accent) 0 8px,var(--ink) 8px 16px)}
.sect--alt{background:var(--bg-2);border-block:2px solid var(--ink)}
.galerie__item{border-radius:var(--r);border:2px solid var(--ink)}
.galerie__item figcaption{background:var(--accent);color:var(--ink);border-radius:2px}
.page-hero{background:var(--bg-2);border-bottom:4px solid var(--ink)}
.faq details[open]{border-color:var(--accent-2)}
.cta-final{background:var(--ink);color:#fff;border-top:10px solid var(--accent)}
.cta-final__title em{color:var(--accent)}
.cta-final .btn--cream{background:var(--accent);color:var(--ink)}
.cta-mi{background:var(--ink);border-radius:var(--r)}
.cta-mi .btn--cream{background:var(--accent);color:var(--ink)}
.footer{background:var(--bg);border-top:10px solid var(--ink);position:relative;padding-top:3.4rem}
.footer::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background:repeating-linear-gradient(-45deg,var(--accent) 0 10px,var(--ink) 10px 20px)}
.footer__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}
.footer__col{border-left:2px solid var(--ink);padding-left:1.3rem}
@media (max-width:640px){.footer__col{border-left:0;padding-left:0}}
.callbar__btn--go{color:var(--ink)}
.chip svg{color:var(--accent-2)}