/* DSG AUTO V22.8 — cartes véhicules + dock flottant, refaits proprement (iPhone / iPad / PC) */

/* ── Carte : prix en haut à gauche, 3 outils en haut à droite, badges en bas à gauche de la photo ── */
body .vehicle-card .vehicle-media{position:relative}
body .vehicle-card .vehicle-price-pill{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;z-index:4}
body .vehicle-card .vehicle-card-tools{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;display:flex!important;flex-direction:row!important;gap:8px!important;z-index:5}
body .vehicle-card .vehicle-card-tools .card-tool{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:17px!important;line-height:1}
body .vehicle-card .vehicle-card-tools .card-tool svg{width:18px!important;height:18px!important}
body .vehicle-card .vehicle-badges{position:absolute!important;left:12px!important;right:auto!important;top:auto!important;bottom:12px!important;display:flex!important;flex-wrap:wrap;gap:6px!important;max-width:calc(100% - 24px);z-index:4}
body .vehicle-card .vehicle-badges .badge{position:static!important;white-space:nowrap;font-size:11px!important;letter-spacing:.06em;padding:6px 10px!important;border-radius:999px!important}
@media(hover:none),(pointer:coarse){
  body .vehicle-card .vehicle-card-tools .card-tool{width:44px!important;height:44px!important;min-width:44px!important}
}
@media(max-width:380px){
  body .vehicle-card .vehicle-card-tools{gap:6px!important}
  body .vehicle-card .vehicle-card-tools .card-tool{width:40px!important;height:40px!important;min-width:40px!important}
}

/* ── Dock flottant : 2 boutons ronds identiques (Rappel + Apex) ── */
body .dsg-contact-dock{
  display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important}
body .dsg-contact-dock .dsg-dock-btn{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.1)!important;position:relative;overflow:visible!important}
body .dsg-contact-dock .dsg-dock-btn.callback{background:linear-gradient(145deg,#ff2a20,#b30000)!important;color:#fff}
body .dsg-contact-dock .dsg-dock-btn.callback svg{width:26px!important;height:26px!important}
body .dsg-contact-dock .dsg-dock-btn.assistant{background:#0b0b0e!important;box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 0 2px #e11d12!important}
body .dsg-contact-dock .dsg-dock-btn.assistant img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
body .dsg-contact-dock .dsg-dock-btn.assistant::before{right:2px!important;bottom:2px!important}
@media(max-width:900px){
  /* au-dessus de la barre du bas (≈ 76px) */
  body .dsg-contact-dock{bottom:calc(88px + env(safe-area-inset-bottom))!important;right:max(14px,env(safe-area-inset-right))!important}
  body .dsg-contact-dock .dsg-dock-btn{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
}
body .dsg-contact-dock.chat-open{display:none!important}
@media(max-width:900px){
  body .dsg-contact-dock .dsg-dock-btn.whatsapp,body .dsg-contact-dock .dsg-dock-btn.annonces{display:none!important}
}