/* ============================================================
   PAPER DRIVER — Page de présentation d'une forme de société
   Complète /assets/pd.css. Classes préfixées pd-fj- (fiche
   juridique) : le gabarit vaut pour la SAS comme pour la SARL,
   la SASU ou l'EURL. Aucune couleur en dur.
   ============================================================ */

/* ---------- Le schéma d'ouverture ----------
   Associés → 100 % du capital → la société. */
.pd-fj-schema{
  display:flex;align-items:center;justify-content:center;gap:0;
  flex-wrap:nowrap;margin:0 0 40px
}
.pd-fj-schema-bloc{
  background:var(--pd-blanc);border:1px solid var(--pd-trait);
  border-radius:var(--pd-rayon-md);padding:18px 22px;text-align:center;
  min-width:168px;flex:0 1 auto
}
.pd-fj-schema-bloc svg{width:30px;height:30px;stroke:var(--pd-bleu-ocean);
  stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.pd-fj-schema-bloc b{
  display:block;font-family:var(--pd-texte);font-size:15px;font-weight:600;
  color:var(--pd-bleu-profond);margin-bottom:3px
}
.pd-fj-schema-bloc span{display:block;font-size:13px;color:var(--pd-bleu-brume);line-height:1.45}

/* Le bloc de droite, la société elle-même */
.pd-fj-schema-bloc--societe{
  background:var(--pd-bleu-profond);border-color:var(--pd-bleu-profond);
  min-width:186px
}
.pd-fj-schema-bloc--societe svg{stroke:var(--pd-ocre)}
.pd-fj-schema-bloc--societe b{
  color:var(--pd-ivoire);font-family:var(--pd-titre);font-size:22px;letter-spacing:.02em
}
.pd-fj-schema-bloc--societe span{color:var(--pd-brume-clair)}

/* La pastille centrale et ses deux traits */
.pd-fj-schema-lien{display:flex;align-items:center;flex:0 1 auto;min-width:0}
.pd-fj-schema-trait{height:1px;background:var(--pd-ocre);width:26px;flex:0 1 26px}
.pd-fj-schema-trait--fleche{position:relative}
.pd-fj-schema-trait--fleche::after{
  content:'';position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);
  width:6px;height:6px;border-top:1px solid var(--pd-ocre);border-right:1px solid var(--pd-ocre)
}
.pd-fj-schema-pastille{
  width:82px;height:82px;border-radius:50%;flex:0 0 auto;
  border:1.5px solid var(--pd-ocre);display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;background:var(--pd-blanc)
}
.pd-fj-schema-pastille b{font-family:var(--pd-texte);font-size:16px;font-weight:700;color:var(--pd-bleu-profond)}
.pd-fj-schema-pastille span{font-size:11px;color:var(--pd-bleu-brume);line-height:1.2;margin-top:1px}

/* ---------- Titre de la forme ---------- */
.pd-fj-titre{text-align:center;max-width:64ch;margin:0 auto}
.pd-fj-titre h1{
  font-size:clamp(44px,7vw,76px);font-weight:600;max-width:none;
  line-height:1;letter-spacing:-.02em;margin-bottom:8px
}
.pd-fj-titre .pd-fj-forme{
  display:block;font-family:var(--pd-texte);font-size:clamp(17px,2vw,21px);
  font-weight:600;color:var(--pd-or-texte);margin-bottom:20px
}
.pd-fj-titre p{color:var(--pd-bleu-ocean);font-size:17px;line-height:1.65}

/* ---------- Cartes de caractéristiques ---------- */
.pd-fj-carac{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.pd-fj-carac article{
  background:var(--pd-blanc);border:1px solid var(--pd-trait);
  border-radius:var(--pd-rayon-md);padding:24px 22px;text-align:center
}
.pd-fj-picto{
  width:52px;height:52px;border-radius:50%;margin:0 auto 16px;
  display:flex;align-items:center;justify-content:center;
  background:var(--pd-ivoire);border:1px solid var(--pd-trait)
}
.pd-fj-picto svg{width:24px;height:24px;stroke:var(--pd-bleu-ocean);
  stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pd-fj-carac h3{
  font-family:var(--pd-texte);font-size:13px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--pd-bleu-profond);line-height:1.4;margin-bottom:12px
}
.pd-fj-carac p{font-size:14.5px;color:var(--pd-bleu-ocean);line-height:1.6}

/* ---------- Raisons de choisir ---------- */
.pd-fj-raisons{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 30px;margin-top:8px}
.pd-fj-raison{display:flex;gap:15px;align-items:flex-start}
.pd-fj-raison .pd-fj-picto{margin:0;flex:0 0 auto;width:44px;height:44px}
.pd-fj-raison .pd-fj-picto svg{width:21px;height:21px}
.pd-fj-raison h3{
  font-family:var(--pd-texte);font-size:13px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:var(--pd-bleu-profond);margin-bottom:6px
}
.pd-fj-raison p{font-size:14.5px;color:var(--pd-bleu-ocean);line-height:1.6}

/* ---------- Panneau « À retenir » ---------- */
.pd-fj-retenir{
  background:var(--pd-bleu-profond);color:var(--pd-ivoire);
  border-radius:var(--pd-rayon-md);padding:32px 30px
}
.pd-fj-retenir h2{
  color:var(--pd-ivoire);font-family:var(--pd-texte);font-size:13px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;max-width:none;margin-bottom:18px
}
.pd-fj-retenir h2 svg{width:17px;height:17px;stroke:var(--pd-ocre);stroke-width:1.6;
  fill:none;vertical-align:-3px;margin-right:9px}
.pd-fj-retenir p{color:var(--pd-texte-fonce);font-size:15.5px;line-height:1.65}
.pd-fj-retenir hr{border:0;border-top:1px solid rgba(255,255,255,.14);margin:22px 0}
.pd-fj-retenir ul{list-style:none}
.pd-fj-retenir li{
  display:flex;gap:12px;align-items:flex-start;
  font-size:14.5px;color:var(--pd-brume-clair);margin-bottom:13px;line-height:1.5
}
.pd-fj-retenir li:last-child{margin-bottom:0}
.pd-fj-retenir li svg{width:19px;height:19px;flex:0 0 auto;stroke:var(--pd-ocre);
  stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}

/* ---------- Bandeau d'appel final ---------- */
.pd-fj-appel{display:grid;grid-template-columns:minmax(240px,1fr) 1.35fr auto;gap:40px;align-items:center}
.pd-fj-appel h2{max-width:16ch;margin-bottom:14px}
.pd-fj-appel-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pd-fj-appel-point{display:flex;gap:12px;align-items:flex-start}
.pd-fj-appel-point svg{width:26px;height:26px;flex:0 0 auto;stroke:var(--pd-ocre);
  stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pd-fj-appel-point b{display:block;font-size:14.5px;color:var(--pd-ivoire);margin-bottom:3px}
.pd-fj-appel-point span{font-size:13.5px;color:var(--pd-brume-clair);line-height:1.5}
.pd-fj-appel-action{text-align:center}
.pd-fj-appel-action .pd-aide{color:var(--pd-brume-clair);margin-top:12px;font-size:12.5px}

/* ---------- Réactif ----------
   Reprend les trois formats de la planche mobile : la grille passe
   de six à trois puis à une colonne, le schéma reste lisible. */
@media(max-width:1040px){
  .pd-fj-appel{grid-template-columns:1fr;gap:28px}
  .pd-fj-appel h2{max-width:none}
  .pd-fj-appel-action{text-align:left}
}
@media(max-width:900px){
  .pd-fj-carac{grid-template-columns:repeat(2,1fr)}
  .pd-fj-schema-bloc{min-width:0;padding:14px 16px}
  .pd-fj-schema-pastille{width:70px;height:70px}
  .pd-fj-schema-trait{width:16px;flex-basis:16px}
}
@media(max-width:640px){
  .pd-fj-carac{grid-template-columns:1fr;gap:12px}
  .pd-fj-carac article{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:16px 18px}
  .pd-fj-carac .pd-fj-picto{margin:0;flex:0 0 auto;width:42px;height:42px}
  .pd-fj-carac .pd-fj-picto svg{width:20px;height:20px}
  .pd-fj-carac h3{margin-bottom:5px}
  .pd-fj-raisons{grid-template-columns:1fr;gap:18px}
  .pd-fj-appel-points{grid-template-columns:1fr;gap:16px}
  .pd-fj-appel-action .pd-btn{width:100%;text-align:center}
  .pd-fj-schema{gap:0;margin-bottom:30px}
  .pd-fj-schema-bloc svg{width:24px;height:24px}
  .pd-fj-schema-bloc b{font-size:13.5px}
  .pd-fj-schema-bloc span{font-size:11.5px}
  .pd-fj-schema-bloc--societe b{font-size:18px}
  .pd-fj-schema-pastille{width:60px;height:60px}
  .pd-fj-schema-pastille b{font-size:13px}
  .pd-fj-schema-pastille span{font-size:9.5px}
  .pd-fj-retenir{padding:24px 20px}
}
@media print{
  .pd-fj-appel{display:none}
  .pd-fj-carac{grid-template-columns:repeat(2,1fr)}
}