/* Chantier n° 3 (30/10, retour de JB) — la fiche véhicule « façon SpiderVO » : une colonne de cartes pleine
   largeur. Carte « Voiture » à volets (un seul visible), cartes par sujet courtes (une ligne, le détail au clic),
   carte « Dossier » à volets. Préfixe « v3- ». Chargé après fiche-s2.css. */
.v3-fiche{display:grid;gap:var(--ap-e3);margin-top:var(--ap-e2)}
.v3-carte{background:hsl(var(--ap-carte));border-radius:var(--ap-r-l);box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset,var(--ap-ombre-1);overflow:hidden;min-width:0}
.v3-volets{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid hsl(var(--ap-trait));overflow-x:auto;scrollbar-width:none}
.v3-volets::-webkit-scrollbar{display:none}
.v3-v{flex:none;height:44px;padding:0 16px;border:0;background:none;font:inherit;font-size:15px;font-weight:var(--ap-g-titre);color:hsl(var(--ap-doux));border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.v3-v:hover{color:hsl(var(--ap-encre))}
.v3-v.on{color:hsl(var(--ap-action-fort));border-bottom-color:hsl(var(--ap-action))}
.v3-corps{padding:var(--ap-e3);min-width:0}
/* Un volet porte une carte existante : son en-tête (pli) n'a plus lieu d'être, elle est toujours ouverte. */
.v3-corps>.pv-ca{box-shadow:none;background:none;margin:0;padding:0;border:0}
.v3-corps>.pv-ca>.pv-ca-t{display:none}
.v3-corps>.pv-ca>.pv-ca-c{padding:0;border:0}
/* Le Résumé : galerie à gauche, chiffres clés à droite, dans la carte. */
.v3-corps>.pv-tete{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--ap-e4);align-items:start;margin:0;box-shadow:none;background:none;padding:0}
.v3-corps>.pv-tete .pv-scene{aspect-ratio:4/3;max-height:420px}
/* Les cartes par sujet : pleine largeur, une ligne repliée (chiffres + geste) ; plus de colonne à droite. */
.v3-sujets{min-width:0}
.v3-sujets .pv-cartes{display:grid;gap:var(--ap-e2)}
.v3-action{padding:var(--ap-e2) var(--ap-e3)}
.v3-action:empty{display:none}
.pv .pv-poste,.pv .pv-gauche,.pv .pv-droite{display:contents}
@media (max-width:899px){
  .v3-corps>.pv-tete{grid-template-columns:minmax(0,1fr);gap:var(--ap-e2)}
}
@media (max-width:767px){
  .v3-fiche{gap:var(--ap-e2)}
  .v3-v{padding:0 12px}
  .v3-corps{padding:var(--ap-e2)}
  .v3-corps>.pv-tete .pv-scene{max-height:260px}
}
/* Le Résumé montre la galerie en vignettes (masquées dans l'ancienne colonne de gauche du grand écran). */
.pv .v3-corps>.pv-tete .pv-vignettes:not(.cache){display:grid}
.v3-corps>.pv-tete .pv-scene{max-height:380px}
@media (max-width:767px){
  /* Règle du téléphone : rien qui glisse de côté — les volets passent à la ligne ; un mot entier dans sa case. */
  .v3-volets{flex-wrap:wrap;overflow:visible;padding:4px 4px 0}
  .v3-v{flex:1 1 auto;padding:0 10px}
  .v3-dossier .t5-mot{white-space:normal;overflow-wrap:anywhere;font-size:13px}
}
@media (max-width:767px){.v3-corps>.pv-tete .pv-scene{display:none}}

/* ── Rectifications de l'antichambre (30/10, 22 h 35) ── */
/* V1 : la barre du haut est opaque sur tous les écrans (rien ne transparaît dessous au défilement). */
header.v2-entete{background-color:hsl(216 56% 12%)}
/* V3 : le Résumé — la photo est déjà dans le bandeau (la grande vit dans le volet Photos) : vignettes, puis
   chiffres clés et tuiles sur toute la largeur, en une rangée. */
.pv .v3-corps>.pv-tete{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ap-e3);align-items:start}
.pv .v3-corps>.pv-tete .pv-scene{display:none}
.pv .v3-corps>.pv-tete .pv-galerie{min-width:0}
.pv .v3-corps>.pv-tete .pv-vignettes:not(.cache){display:grid;grid-template-columns:repeat(3,88px);gap:6px;margin:0}
.pv .v3-corps>.pv-tete .pv-vignettes button{height:64px}
.pv .v3-corps>.pv-tete .pv-ident{margin:0;padding:0;box-shadow:none;background:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--ap-e3);align-items:center}
.pv .v3-corps>.pv-tete .pv-ident>.pv-etats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.v3-corps{padding:var(--ap-e2) var(--ap-e3)}
@media (max-width:767px){
  .pv .v3-corps>.pv-tete{grid-template-columns:minmax(0,1fr)}
  .pv .v3-corps>.pv-tete .pv-vignettes:not(.cache){grid-template-columns:repeat(4,minmax(0,1fr))}
  .pv .v3-corps>.pv-tete .pv-ident{grid-template-columns:minmax(0,1fr)}
  /* V6 : les tuiles en 2 × 2. */
  .pv .v3-corps>.pv-tete .pv-ident>.pv-etats{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* V2 : la bande compacte au téléphone — nom, prix, flèches ; rien de tronqué. */
  .s2-compact .in .n small{display:none}
  .s2-compact .in .n{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .s2-compact .in .p{flex:none}
  /* V5 : la bulle des idées masquée sur la fiche (la boîte à idées est dans ≡). */
  body:has(.pv[data-poste-vendeur]) .bl-bouton{display:none!important}
}
/* V3 : au bureau, la prochaine action et la check-list côte à côte (une carte basse) ; les cartes par sujet suivent. */
@media (min-width:900px){
  .v3-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ap-e3);align-items:start}
  .v3-action>.s2-cl{margin-top:0}
}
/* V1 : la bande compacte est opaque elle aussi (rien ne transparaît dessous). */
.s2-compact{background:hsl(var(--ap-carte))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}