/* Miratti Entreprises — le parcours B2B.
 * La charte vit dans theme.json : ici, uniquement les jetons. */

/* ── Le socle des trois pages ─────────────────────────────── */
.b2b-sur{color:var(--wp--preset--color--or-profond)}
.b2b-titre{font-family:var(--wp--preset--font-family--display);font-weight:500;
  font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.08;margin:.4rem 0 1rem;
  color:var(--wp--preset--color--tannage)}
.b2b-sous{max-width:52ch;color:var(--wp--preset--color--terre);font-size:1.05rem;margin:0 0 1.6rem}
.b2b-h2{font-family:var(--wp--preset--font-family--display);font-weight:500;
  font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--wp--preset--color--tannage);
  margin:2.8rem 0 1rem}
.b2b-corps{max-width:56ch;color:var(--wp--preset--color--terre)}
.b2b-hero{padding-top:1rem}
.b2b-ctas{margin:1.4rem 0 .8rem}
.b2b-ctas .m-cta{flex:0 1 auto;min-width:220px}
.b2b-reassurance{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--wp--preset--color--terre)}
.b2b-final{margin-top:2.6rem}

/* ── Les cartes texte (occasions, gammes) ─────────────────── */
.b2b-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:color-mix(in srgb,var(--wp--preset--color--tannage) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 12%,transparent)}
.b2b-cartes--2{grid-template-columns:repeat(2,1fr)}
.b2b-carte-texte{background:var(--wp--preset--color--craie);padding:1.6rem;margin:0}
.b2b-carte-texte h3{font-family:var(--wp--preset--font-family--display);font-weight:500;
  font-size:1.25rem;margin:0 0 .5rem;color:var(--wp--preset--color--tannage)}
.b2b-carte-texte p{margin:0;font-size:.95rem;color:var(--wp--preset--color--terre)}
@media (max-width:781px){.b2b-cartes,.b2b-cartes--2{grid-template-columns:1fr}}

/* ── Les trois étapes ─────────────────────────────────────── */
.b2b-etapes{list-style:none;counter-reset:etape;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.b2b-etapes li{counter-increment:etape;position:relative;padding-top:2.4rem;
  color:var(--wp--preset--color--terre)}
.b2b-etapes li::before{content:counter(etape);position:absolute;top:0;left:0;
  font-family:var(--wp--preset--font-family--display);font-size:1.7rem;
  color:var(--wp--preset--color--or-profond)}
.b2b-etapes strong{color:var(--wp--preset--color--tannage)}
@media (max-width:781px){.b2b-etapes{grid-template-columns:1fr}}

/* ── Le catalogue : la carte s'enrichit d'une quantité ────── */
.b2b-gamme{margin-top:3.2rem}
.b2b-section-titre{font-family:var(--wp--preset--font-family--display);font-weight:500;
  font-style:italic;font-size:1.15rem;color:var(--wp--preset--color--or-profond);
  margin:2rem 0 .8rem}
.b2b-prix.m-prix--demande{font-size:.95rem}
.b2b-prix small{font-weight:400;font-variant-numeric:normal;letter-spacing:0;
  color:var(--wp--preset--color--terre)}
.b2b-qte{display:flex;flex-direction:column;gap:.6rem;margin-top:.8rem;position:relative;z-index:2}
.b2b-qte label{display:flex;align-items:center;gap:.6rem;font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  color:var(--wp--preset--color--terre)}
.b2b-qte input{width:6.5em;padding:.5rem .6rem;font-size:1rem;
  font-variant-numeric:tabular-nums;text-align:center;
  border:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 30%,transparent);
  background:var(--wp--preset--color--craie);color:var(--wp--preset--color--tannage)}
.b2b-qte input:focus{outline:none;border-color:var(--wp--preset--color--or-profond)}
.b2b-qte .m-cta{flex:none;min-width:0;cursor:pointer;background:transparent}
.b2b-ajouter.est-ajoute{border-color:var(--wp--preset--color--zellige);
  color:var(--wp--preset--color--zellige)}
/* La carte B2B n'est pas un lien : pas de calque cliquable. */
.b2b-carte{cursor:default}

/* ── Le bandeau de sélection, collé au bas de l'écran ─────── */
.b2b-bandeau{position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;
  padding:.8rem clamp(16px,4vw,32px);
  background:var(--wp--preset--color--dossier);color:var(--wp--preset--color--craie);
  box-shadow:0 -6px 24px rgba(20,19,23,.25)}
.b2b-bandeau-etat{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.95rem}
.b2b-bandeau .m-cta{flex:none;min-width:0;padding:.7rem 1.5rem}
[data-b2b="catalogue"]{padding-bottom:5rem}

/* ── La demande : le récapitulatif ─────────────────────────── */
.b2b-recap{margin:0 0 2rem}
.b2b-table{width:100%;border-collapse:collapse;font-size:.95rem}
.b2b-table th{text-align:left;font-weight:500;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wp--preset--color--terre);
  padding:.6rem .6rem .6rem 0;
  border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 25%,transparent)}
.b2b-table td{padding:.7rem .6rem .7rem 0;vertical-align:middle;
  border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 12%,transparent)}
.b2b-table td:nth-child(3){font-variant-numeric:tabular-nums;white-space:nowrap;
  color:var(--wp--preset--color--or-profond)}
.b2b-table input{width:6em;padding:.4rem .5rem;text-align:center;
  font-variant-numeric:tabular-nums;
  border:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 30%,transparent);
  background:var(--wp--preset--color--craie);color:var(--wp--preset--color--tannage)}
.b2b-table tfoot td{font-weight:500;color:var(--wp--preset--color--tannage);border-bottom:none}
.b2b-retirer{background:none;border:none;cursor:pointer;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--terre);
  text-decoration:underline;text-underline-offset:3px;padding:.2rem}
.b2b-retirer:hover{color:var(--wp--preset--color--zellige)}
.b2b-note,.b2b-vide{font-size:.9rem;color:var(--wp--preset--color--terre)}
.b2b-vide a{color:var(--wp--preset--color--zellige);font-weight:500}

/* ── Le catalogue en PDF — l'aimant de la landing ─────────── */
.b2b-catalogue{border:1px solid var(--wp--preset--color--or);
  background:var(--wp--preset--color--craie);padding:1.8rem clamp(1.2rem,3vw,2.2rem) 2rem;
  margin-top:3rem}
.b2b-catalogue .b2b-h2{margin-top:0}
.b2b-form-catalogue{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:.9rem;
  align-items:end;max-width:none;margin-top:1.2rem}
.b2b-form-catalogue button{white-space:nowrap;cursor:pointer}
.b2b-catalogue .m-form-merci{border:none;padding:0;max-width:none}
@media (max-width:900px){.b2b-form-catalogue{grid-template-columns:1fr}}

/* ── Le formulaire : le style Advisor, plus ses sections ──── */
.b2b-form .b2b-h2{margin:1.6rem 0 .2rem;font-size:1.25rem}
.b2b-marquage{border:1px solid color-mix(in srgb,var(--wp--preset--color--tannage) 30%,transparent);
  padding:1rem 1.2rem;margin:0}
.b2b-marquage legend{font-weight:500;font-size:.75rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wp--preset--color--terre);padding:0 .4rem}
.b2b-radio{display:flex !important;flex-direction:row !important;align-items:center;
  gap:.55rem !important;text-transform:none !important;letter-spacing:0 !important;
  font-weight:400 !important;font-size:.95rem !important;margin:.35rem 0;
  color:var(--wp--preset--color--tannage) !important}
.b2b-form input[type="file"]{border:1px dashed color-mix(in srgb,var(--wp--preset--color--tannage) 35%,transparent);
  padding:.9rem;background:var(--wp--preset--color--craie)}
.b2b-form input[type="date"]{max-width:14em}