/* ===================================================================
   Fiche voiture : section "Localisation" (fiche/localisation/section.php) - 19/10/2026, essai ?fp2=1
   Charte 2026 : carte blanche 8 px, titre 18 px #1f2a37, secondaire #5b6472, bleu #2977dc.
   =================================================================== */
.f2-loc{box-sizing:border-box;clear:both;background:#fff;border:1px solid #e2e2e2;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:14px 16px 14px;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif;color:#222}
.f2-loc *{box-sizing:border-box}
.f2-loc-h{display:flex;align-items:center;gap:6px;margin:0 0 8px}
.f2-loc-h svg{width:18px;height:18px;flex:none;stroke:#2977dc;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f2-loc-h h2{font:bold 18px/1.2 Arial,Helvetica,sans-serif;color:#1f2a37;margin:0;padding:0;border:0;background:none;text-transform:none;float:none;width:auto;height:auto}
.f2-loc-l1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:0 0 10px;font-size:14px}
.f2-loc-l1 b{color:#1f2a37}
.f2-loc-disc{color:#5b6472;font-size:13px}
.f2-loc-iti{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #2977dc;border-radius:18px;background:#fff;color:#1f63bd;font:bold 14px Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
.f2-loc-iti:hover{background:#f5f8fd;text-decoration:none}
.f2-loc-iti svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round}
/* carte : place reservee (pas de saut de page), image chargee a l'arrivee dans la section */
.f2-loc-carte{position:relative;aspect-ratio:640/260;border-radius:8px;overflow:hidden;background:#eef1f5} /* proportions de l image HERE : jamais recadree, la mention (c) HERE imprimee dans l image reste entiere (agents testeurs) */
.f2-loc-carte img{display:block;width:100%;height:100%;object-fit:cover}
.f2-loc-carte.f2-loc-sans{display:none}
.f2-loc-rond{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:rgba(41,119,220,.16);border:2px solid rgba(41,119,220,.75);pointer-events:none}
.f2-loc-pin{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-26px 0 0 -13px;border-radius:50% 50% 50% 0;background:#2977dc;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transform:rotate(-45deg);pointer-events:none}
.f2-loc-cop{position:absolute;right:6px;bottom:4px;font-size:11px;color:#333;background:rgba(255,255,255,.8);padding:1px 5px;border-radius:3px}
/* distance depuis la ville du visiteur */
.f2-loc-dist{margin:10px 0 0;font-size:14px;color:#1f2a37;min-height:20px;line-height:1.45}
.f2-loc-dist b{color:#1f2a37}
.f2-loc-dist .f2-loc-gris{color:#5b6472}
.f2-loc-lien{border:0;background:none;padding:0;margin-left:6px;color:#1f63bd;font:bold 13px Arial,Helvetica,sans-serif;cursor:pointer}
.f2-loc-lien:hover{text-decoration:underline}
.f2-loc-choix{margin:8px 0 0}
.f2-loc-choix[hidden]{display:none}
.f2-loc-choix label{display:block;font-size:13px;color:#5b6472;margin:0 0 4px}
.f2-loc-champ{position:relative;max-width:340px;display:flow-root}
.f2-loc-champ input{float:none;display:block;margin:0;width:100%;height:40px;padding:0 12px;border:1px solid #c9ced6;border-radius:8px;font:15px Arial,Helvetica,sans-serif;color:#222;background:#fff}
.f2-loc-champ input:focus{outline:none;border-color:#2977dc;box-shadow:0 0 0 3px rgba(41,119,220,.15)}
.f2-loc-champ .home-city-suggest{position:absolute;left:0;right:0;top:42px;z-index:50}
/* gares */
.f2-loc-gares{margin:10px 0 0;padding:0;list-style:none;font-size:14px}
.f2-loc-gares li{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;padding:4px 0;margin:0;float:none;background:none} /* petit telephone : retour a la ligne normal (plus 3 colonnes etroites) */
.f2-loc-gares li span{color:#5b6472}
.f2-loc-gares svg{width:16px;height:16px;flex:none;stroke:#5b6472;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.f2-loc-src{margin:10px 0 0;font-size:11px;color:#8a929e}
@media (max-width:700px){
 .f2-loc{padding:12px 14px}
 .f2-loc-rond{width:120px;height:120px;margin:-60px 0 0 -60px}
}