/* Suivi visuel de la course : les étapes viennent exclusivement des actions
   réelles du chauffeur (en route, sur place, client à bord, terminée). */
.customer-live-journey{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:center;margin:26px 0 18px;padding:24px 26px;border:1px solid #97c7df;border-radius:18px;overflow:hidden;background:linear-gradient(128deg,#eaf9ff 0%,#f9fdff 54%,#eef6ff 100%);box-shadow:0 14px 34px #275f8b18}.customer-live-journey::before{content:'';position:absolute;z-index:-1;inset:auto -10% -68px auto;width:310px;height:170px;border-radius:50%;background:#b7e8f126}.customer-live-copy>span{display:block;margin-bottom:5px;color:#2d7598;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.customer-live-copy h2{margin:0;color:#09345c;font:700 clamp(1.32rem,2.7vw,2rem)/1.02 'Playfair Display',Georgia,serif}.customer-live-copy p{max-width:560px;margin:9px 0 16px;color:#44627b;font-size:.84rem;line-height:1.58}.customer-live-button{display:inline-flex;align-items:center;gap:14px;min-height:43px;padding:0 15px;border-radius:9px;background:#083d67;color:#fff;text-decoration:none;font-size:.77rem;font-weight:900;box-shadow:0 7px 16px #083d6726;transition:transform .2s ease,box-shadow .2s ease}.customer-live-button:hover,.customer-live-button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 20px #083d6740}.customer-live-button b{font-size:1rem}.customer-live-road{position:relative;height:104px;min-width:0;border-radius:16px;background:linear-gradient(#b9e7f0 0 25%,#dff6f6 25% 62%,#7d8d9e 62%);overflow:hidden}.customer-live-road::before{content:'';position:absolute;left:7%;right:7%;top:76%;height:3px;background:repeating-linear-gradient(90deg,#fff 0 22px,transparent 22px 39px);opacity:.94}.customer-live-road .road-start,.customer-live-road .road-stop,.customer-live-road .road-destination{position:absolute;z-index:2;bottom:13px;width:15px;height:15px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #2c82ab}.customer-live-road .road-start{left:9%;background:#4eae7c}.customer-live-road .road-stop{left:50%;background:#f0b644}.customer-live-road .road-destination{right:9%;background:#db4450;box-shadow:0 0 0 2px #c83241}.customer-live-car{position:absolute;z-index:3;left:9%;bottom:24px;width:45px;height:18px;border-radius:9px 12px 5px 5px;background:linear-gradient(135deg,#0d4971,#1e7eaa);box-shadow:0 5px 8px #05213935;transform:translateX(-50%);will-change:left,transform}.customer-live-car em{position:absolute;left:11px;top:-9px;width:23px;height:12px;border-radius:9px 11px 0 0;background:#8ed5e7;border:3px solid #1a6990;border-bottom:0}.customer-live-car b{position:absolute;bottom:-5px;width:10px;height:10px;border:3px solid #253341;border-radius:50%;background:#dce8eb}.customer-live-car b:first-of-type{left:6px}.customer-live-car b:last-of-type{right:6px}.customer-live-finish{position:absolute;z-index:2;right:4.3%;bottom:30px;color:#e4a62c;font-size:1.4rem;opacity:0}.stage-en_route .customer-live-car{animation:rld-car-to-pickup 2.9s ease-in-out infinite alternate}.stage-en_route .road-start{box-shadow:0 0 0 2px #2c82ab,0 0 0 8px #4eae7c33}.stage-on_site .customer-live-car{left:50%;animation:rld-car-idle .45s ease-in-out infinite alternate}.stage-on_site .road-stop{box-shadow:0 0 0 2px #c98714,0 0 0 9px #f0b64442}.stage-client_on_board .customer-live-car{left:50%;animation:rld-car-to-destination 3.1s ease-in-out infinite forwards}.stage-client_on_board .road-destination{animation:rld-destination-pulse 1.15s ease-in-out infinite}.stage-client_on_board .customer-live-finish{animation:rld-finish-spark 1.15s ease-in-out infinite}.live-stage{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#137090;font-size:.68rem;font-weight:900}.live-stage-car{position:relative;display:inline-block;width:21px;height:10px;border-radius:6px 7px 3px 3px;background:#1779a2}.live-stage-car i{position:absolute;left:5px;top:-5px;width:10px;height:7px;border-radius:5px 5px 0 0;background:#9bdfe8}.live-stage-car b{position:absolute;bottom:-3px;width:5px;height:5px;border-radius:50%;background:#273847}.live-stage-car b:first-of-type{left:3px}.live-stage-car b:last-of-type{right:3px}.live-stage-en_route .live-stage-car,.live-stage-on_site .live-stage-car,.live-stage-client_on_board .live-stage-car{animation:rld-car-idle .5s ease-in-out infinite alternate}@keyframes rld-car-to-pickup{from{left:12%;transform:translateX(-50%)}to{left:47%;transform:translateX(-50%)}}@keyframes rld-car-idle{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-2px)}}@keyframes rld-car-to-destination{0%{left:52%;transform:translateX(-50%)}78%{left:88%;transform:translateX(-50%)}100%{left:88%;transform:translateX(-50%)}}@keyframes rld-destination-pulse{50%{transform:scale(1.24);box-shadow:0 0 0 8px #db445033}}@keyframes rld-finish-spark{50%{opacity:1;transform:scale(1.25) rotate(18deg)}}@media(max-width:700px){.customer-live-journey{grid-template-columns:1fr;gap:18px;padding:20px}.customer-live-road{height:95px}.customer-live-copy h2{font-size:1.58rem}.customer-live-button{width:100%;justify-content:space-between}}