/* ===================================================================== POINTLINE - pl-common.css Styles PARTAGES entre plusieurs pages du site. Charge PARTOUT en front par #3934 (section E), avant pl-product / pl-listing / pl-cart. POURQUOI CE FICHIER : le fil d'ariane et les logos de compatibilite vivaient en DEUX exemplaires (pl-product.css + pl-listing.css), dette notee le 04/08. Le bandeau de reassurance allait en faire un troisieme avec le panier : on le sort ICI, une seule source. REGLE : tout composant rendu sur 2+ pages migre ici ; les feuilles de page ne gardent que ce qui leur est propre. v1.0 - 01/09/2026 - BANDEAU DE REASSURANCE (section 1), repris de pl-listing.css section 12 pour servir le PANIER et le PIED DE PAGE GLOBAL (hook kadence_before_footer). Les variables --pl-card-* n'existent que dans le listing : le bandeau les redeclare sur lui-meme, avec les memes valeurs, pour rendre pareil hors listing. MARGES : le listing calait le bandeau sur ses gouttieres (22px 24px 26px). Hors listing, c'est le conteneur .pl-site-reassurance (section 1b) qui donne la largeur ; le bandeau n'a plus de marge laterale propre. DETTE A SOLDER : la copie de pl-listing.css section 12 est encore servie. Elle est identique, donc inoffensive ; a RETIRER a la prochaine passe pl-listing (v6.32) pour ne garder que celle-ci. v1.2 - 01/09/2026 - RENVOI CORRIGE : le bandeau du pied de page est rendu par le snippet « PL - Reassurance globale » v1.0, et non plus par « PL - Page panier ». Rien ne change dans le rendu ; c'est le renvoi qui devient juste, pour qui cherchera d'ou sort ce markup. v1.1 - 01/09/2026 - UN SEUL BANDEAU, UNE SEULE LARGEUR. Danny : "le pied de page avec les 4 reassurances s'affiche bien sur la page listing mais sur la fiche produit ou le panier il n'est pas identique." MESURE des deux rendus le 01/09, a 1425 px de viewport : listing margin 22px 24px 26px -> 1377 px, x=24 panier / fiche margin 8px 0 26px -> 1425 px, x=0, colle Tout le reste etait deja identique : memes icones, meme bordure, meme rayon, meme grille a 4 colonnes. C'etait la marge laterale, et elle seule. POURQUOI L'ECART EXISTAIT : en v1.0 j'ai suppose que le conteneur .pl-site-reassurance donnerait la largeur, et j'ai donc retire la marge laterale hors listing. Verifie depuis : .site-container plafonne a 1536 px mais rend 1425 avec padding:0 - il ne menage aucune gouttiere. La marge etait la seule chose qui les creait, et je l'avais enlevee. CORRECTIF : la marge du listing (24 px) devient celle de TOUS les contextes, la surcharge par page disparait, et la variante mobile (12 px) devient generique elle aussi. Le rendu du listing ne change pas - c'est lui la reference. A NE PAS FAIRE ENSUITE : ajouter un padding lateral sur .pl-site-reassurance. Il s'ajouterait aux 24 px et recreerait l'ecart, dans l'autre sens. ===================================================================== */ /* 1 - BANDEAU DE REASSURANCE ([pl_reassurance_band], #4216 s6) -------- 4 items : icone cerclee + titre + ligne. Variables locales : hors du listing, aucun parent ne les declare. */ .pl-reassurance-band { --pl-card-navy: #10304b; --pl-card-grey: #5b7186; --pl-card-border: #e2eaf2; --pl-card-teal: #0e8f99; --pl-card-radius: 12px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; background: #fff; border: 1px solid var(--pl-card-border); border-radius: var(--pl-card-radius); padding: 18px 20px; /* GOUTTIERES DE 24 px PARTOUT (v1.1). C'etait 22px 0 26px hors listing, et une surcharge a 24 px pour le listing seul : le bandeau du pied global sortait donc COLLE AUX BORDS (1425 px, x=0) alors que celui du listing faisait 1377 px a partir de x=24. Meme composant, deux largeurs - le defaut signale par Danny le 01/09 sur la fiche produit et le panier. LE LISTING EST LA REFERENCE : c'est sa valeur qu'on generalise, donc son rendu ne bouge pas d'un pixel. PAS var(--pl-edge-padding) ICI, bien que ce token global existe : sa valeur n'est pas 24 px, et l'utiliser deplacerait AUSSI le bandeau du listing, seul rendu valide a ce jour. A reconsiderer le jour ou on unifiera les gouttieres du site. */ margin: 22px 24px 26px; } .pl-reassurance-item { display: flex; align-items: flex-start; gap: 10px; } .pl-reassurance-item + .pl-reassurance-item { border-left: 1px solid var(--pl-card-border); padding-left: 14px; } .pl-reassurance-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; border: 1.5px solid var(--pl-card-teal); } .pl-reassurance-ico .ti { width: 17px; height: 17px; color: var(--pl-card-teal); } .pl-reassurance-txt { display: flex; flex-direction: column; gap: 2px; font-size: 0.78rem; color: var(--pl-card-grey); } .pl-reassurance-txt strong { font-size: 0.84rem; color: var(--pl-card-navy); } @media (max-width: 991px) { .pl-reassurance-band { grid-template-columns: repeat(2, 1fr); } .pl-reassurance-item + .pl-reassurance-item { border-left: 0; padding-left: 0; } } @media (max-width: 767px) { .pl-reassurance-band { grid-template-columns: 1fr; } /* v1.1 : generique, comme la marge de base. */ .pl-reassurance-band { margin-left: 12px; margin-right: 12px; } } /* 1b - PIED DE PAGE GLOBAL : conteneur pose par le snippet « PL - Reassurance globale » sur kadence_before_footer (toutes les pages SAUF les archives, qui ont deja le bandeau dans leur template). v1.2 : ce bandeau venait du snippet « PL - Page panier » jusqu'au 01/09 ; il a ete extrait dans son propre snippet, son perimetre n'ayant rien a voir avec le panier. .site-container (classe Kadence) donne la LARGEUR MAXIMALE, mais pas les gouttieres : mesure du 01/09, il rend 1425 px avec padding:0. Les gouttieres du bandeau viennent donc de sa propre marge (1), pas d'ici. Ne PAS ajouter de padding lateral ici : il s'ajouterait aux 24 px de la marge et re-desalignerait le pied par rapport au listing. */ .pl-site-reassurance { padding: 0 0 8px; } .pl-site-reassurance .pl-reassurance-band { margin-top: 8px; }