/* ===================================================================
   Fiche voiture : carte des details (fiche/detail-annonce-v2.php) - 19/10/2026, essai ?fp2=1
   Charte 2026 : carte blanche 8 px, titres #1f2a37, secondaire #5b6472, bleu #2977dc pour les actions.
   Les ids anciens (#bloc-droit, #details-voiture, #tarif, #long_text) gardent leur largeur ; le reste est surcharge ici.
   =================================================================== */
#details-voiture.fd-carte{float:left;box-sizing:border-box;border:1px solid #e2e2e2;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:14px 14px 12px;font-family:Arial,Helvetica,sans-serif;color:#222;line-height:1.4}
.fd-carte *{box-sizing:border-box}
/* prix */
#details-voiture #tarif.fd-prix{float:none;width:auto;margin:0 0 12px;padding:0 0 12px;border:0;border-bottom:1px solid #e2e2e2;text-align:left}
.fd-ligne{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fd-p{font:bold 26px/1.1 Arial,Helvetica,sans-serif;color:#1f2a37;white-space:nowrap}
.fd-bd{background:#e8412c;color:#fff;font:bold 12px Arial,Helvetica,sans-serif;border-radius:4px;padding:2px 6px;white-space:nowrap}
.fd-av{font-size:13px;color:#5b6472;margin-top:3px}.fd-av s{color:#8a929e}
.fd-pm{margin-top:10px;text-align:left}
.fd-pmrow{display:flex;align-items:center;gap:8px}
.fd-pmrow .pm-badge-wrap span[class^="badge-pm"]{cursor:pointer}
.fd .fd-i{margin-left:0}
.fd-moy{font-size:13px;color:#5b6472;margin-top:6px}.fd-moy b{color:#1f2a37}
.fd .pm-gauge-wrap{width:100%;margin:8px 0 0}
.fd .pm-gauge-wrap .pm-gauge-info{display:none}
.fd-gl{display:flex;margin-top:4px;font-size:11px;color:#8a929e;line-height:1.25}
.fd-gl span{flex:1;text-align:center}.fd-gl span:first-child{text-align:left}.fd-gl span:last-child{text-align:right}
.fd-gl .fd-on{color:#1f2a37;font-weight:bold}
.fd-af{display:flex;gap:8px;margin-top:12px}
.fd-af a{flex:1;display:flex;align-items:center;justify-content:center;height:38px;border:1px solid #2977dc;border-radius:6px;background:#fff;color:#1f63bd;font:bold 13.5px Arial,Helvetica,sans-serif;text-decoration:none;transition:background-color .15s}
.fd-af a:hover{background:#f5f8fd;text-decoration:none}
/* 4 tuiles */
.fd-tu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 4px}
.fd-t{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid #e2e2e2;border-radius:8px;background:#f5f8fd;padding:9px 8px}
.fd-t svg{width:18px;height:18px;flex:none;stroke:#2977dc;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fd-t span{min-width:0}.fd-t small{display:block;font-size:12px;color:#5b6472}
.fd-t b{display:block;font-size:14px;color:#1f2a37;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* titres de section (h2 dans la copie telephone, div dans la copie ordinateur) */
#details-voiture .fd-h{float:none;width:auto;font:bold 16px Arial,Helvetica,sans-serif;color:#1f2a37;margin:16px 0 6px;padding:0;border:0;background:none;text-transform:none}
/* caracteristiques */
.fd-l{margin:0;padding:0;list-style:none}
.fd-l li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eef0f3;font-size:13.5px}
.fd-l li span{color:#5b6472;flex:none}.fd-l li b{color:#1f2a37;text-align:right;min-width:0;overflow-wrap:anywhere}
/* options */
.fd-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0;padding:0;list-style:none;font-size:13.5px}
.fd-o li{display:flex;gap:6px;align-items:flex-start;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.fd-o li:before{content:"\2713";color:#1a9e4b;font-weight:bold;flex:none}
/* description repliee */
#details-voiture #long_text.fd-desc{float:none;width:auto;font-size:14px;color:#222;line-height:1.5}
#long_text.fd-desc p{margin:0}
#long_text.fd-plie{max-height:190px;overflow:hidden;position:relative}
#long_text.fd-plie:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.fd-suite{display:block;margin:6px 0 0;padding:4px 0;border:0;background:none;color:#1f63bd;font:bold 14px Arial,Helvetica,sans-serif;cursor:pointer}
.fd-suite:hover{text-decoration:underline}
/* reference + signaler */
.fd-ref{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-top:16px;padding-top:10px;border-top:1px solid #eef0f3;font-size:12px;color:#8a929e}
.fd-sig{display:inline-flex;align-items:center;gap:4px;color:#8a929e;text-decoration:none}
.fd-sig svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fd-sig:hover{color:#5b6472;text-decoration:underline}
.fd-carte a:focus-visible,.fd-carte button:focus-visible,.fd-i:focus-visible{outline:2px solid #1f63bd;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.fd-carte *{transition:none!important}}
/* anciennes regles des listes de #details-voiture (marges a gauche) neutralisees */
#details-voiture ul.fd-l,#details-voiture ul.fd-o,#details-voiture ul.fd-l li,#details-voiture ul.fd-o li{margin-left:0;padding-left:0;float:none;width:auto}
/* telephone : Assurer / Financer sont deja dans le resume du haut (.mobileDetail) -> pas en double dans la carte */
@media (max-width:700px){.fd-af{display:none}}