/* La Vitrine des Artisans : DA noir et blanc (onpush-v2/src/app/vitrine/da.ts), posée par-dessus pro.css.
   Accent = blanc ; le dégradé vert est réservé à ce qui ouvre le formulaire. */
body.vda{
  --ink:#F5F5F5; --ink-2:#C9C9C9; --muted:#A3A3A3;
  --page:#0A0A0A; --sand:#111111; --line:rgba(255,255,255,.10);
  --ember:#22C55E; --ember-dark:#16A34A; --ember-soft:rgba(255,255,255,.08); --rouge:#4ADE80;
  --surface:#131313; --elev:#1B1B1B;
  --cta:linear-gradient(135deg,#4ADE80 0%,#22C55E 55%,#16A34A 100%);
  --shadow:0 20px 50px rgba(0,0,0,.5);
  background:#0A0A0A;color:var(--ink);
}
.vda h1 em,.vda h2 em{color:#fff;font-style:italic;font-weight:800}
.vda header.top{background:rgba(10,10,10,.88);border-bottom-color:var(--line)}
.vda .logo img{height:46px;width:46px}
.vda .marque{color:#fff;font-weight:800;font-size:15px;line-height:1.05;letter-spacing:-.01em}
.vda .nav a{color:var(--muted)}
.vda .nav a:hover{color:#fff}
.vda .btn{background:var(--cta);color:#06210f;box-shadow:0 10px 28px rgba(34,197,94,.28)}
.vda .btn:hover{filter:brightness(1.06);background:var(--cta)}
.vda .btn-gris{background:transparent;color:#fff;border:2px solid var(--line);box-shadow:none;filter:none}
.vda .eyebrow{background:rgba(255,255,255,.08);color:#fff}
.vda .eyebrow::before{background:#4ADE80}

/* Héros : texte à gauche, photo de l'artisan et de l'appli */
.vda .hero{background:#0A0A0A;padding:34px 0 60px}
.vda .lead{color:var(--ink-2)}
.vda .pack-mini{border-left-color:#4ADE80;color:var(--muted)}
.vda .pack-mini b{color:#fff}
.vda .trois li{background:var(--surface);border-color:var(--line)}
.vda .trois b{color:#4ADE80}
.hero-photo{margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-photo img{display:block;width:100%;height:auto}
@media(min-width:980px){.vda .hero .wrap{grid-template-columns:.95fr 1.05fr}}
@media(max-width:979px){.hero-photo img{max-height:560px;object-fit:cover;object-position:center top}}

/* Cartes et sections */
.vda .sable{background:#111}
.vda .sombre{background:#0A0A0A;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vda .sombre h2 em{color:#fff}
.vda .grille4 article,.vda .etapes li,.vda details,.vda .chips li{background:var(--surface);border-color:var(--line)}
.vda .sombre .grille4 article{background:var(--surface)}
.vda .num{color:#4ADE80}
.vda .ico{background:#fff;color:#0A0A0A}
.vda .etapes span{background:#fff;color:#0A0A0A}
.vda .plus{background:var(--elev);border:1px solid var(--line)}
.vda .plus .eyebrow{background:rgba(74,222,128,.14);color:#86efac}
.apercu{display:flex;justify-content:center;margin:0 0 22px}
.vda .mail{background:var(--surface);border-color:var(--line)}
.vda .mail-top{background:#fff;color:#0A0A0A}
.vda .mail-top .fictif{background:rgba(0,0,0,.08)}
.vda .mail-kicker{color:#4ADE80}
.vda .who{background:var(--elev);color:var(--muted)}
.vda .who b{color:#fff}
.vda .avatar{background:#fff;color:#0A0A0A}
.vda .score{background:rgba(74,222,128,.15);color:#86efac}
.vda .mail dl div{border-bottom-color:var(--line)}
.vda .mail-ok{background:rgba(74,222,128,.12);color:#86efac}
.vda .carte-pack{background:var(--surface);border-color:#fff}
.vda .prix .montant b{color:#fff}
.vda .avatar.grand{background:#fff;color:#0A0A0A}

/* Formulaire */
.vda .form,.vda .merci{background:var(--surface);border-color:var(--line)}
.vda .barre{background:var(--elev)}
.vda .barre i{background:#4ADE80}
.vda .form input:not([type=checkbox]),.vda .form select,.vda .form textarea{background:#0F0F0F;color:#fff;border-color:rgba(255,255,255,.16)}
.vda .form input:focus,.vda .form select:focus,.vda .form textarea:focus{border-color:#fff}
.vda .form ::placeholder{color:#6b6b6b}
.vda .cases label{border-color:rgba(255,255,255,.16)}
.vda .cases label:has(input:checked){border-color:#4ADE80;background:rgba(74,222,128,.10)}
.vda .cases input{accent-color:#22C55E}
.vda .gratuit{color:#86efac}
.vda .erreur{color:#F87171}
.vda .merci .ico{background:#4ADE80;color:#06210f}
.vda button.lnk{color:var(--muted)}

.vda footer{border-top-color:var(--line)}
.vda footer b{color:#fff}
.vda footer a{color:var(--muted)}
.vda dialog{background:#131313;color:#F5F5F5}
.vda #cookies{background:#131313;border-color:var(--line);color:var(--ink-2)}
.vda .cookies-btns button{background:transparent;color:#fff;border-color:#fff}