/* vm-map.css : styles communs des cartes Ventemap (marqueurs photo, position du visiteur, panneaux). */
.vm-pin { background: transparent; border: 0; }
.vm-pin-inner { position: relative; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #08752f; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.3); transition: transform .15s; }
.vm-pin-inner img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.vm-pin-inner.is-active { border-color: #e9a600; box-shadow: 0 0 0 6px rgba(233,166,0,.25), 0 3px 10px rgba(0,0,0,.3); }
.vm-pin:hover .vm-pin-inner { transform: scale(1.08); }
.vm-pin-count { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #08752f; color: #fff; font: 700 11px/20px system-ui, sans-serif; text-align: center; border: 2px solid #fff; }
.vm-me { width: 18px; height: 18px; border-radius: 50%; background: #2563eb; border: 3px solid #fff; box-shadow: 0 0 0 7px rgba(37,99,235,.22); }
.vm-popup { min-width: 190px; font-family: inherit; }
.vm-popup strong { display: block; font-size: 14px; color: #16211b; }
.vm-popup .vm-muted { color: #66736b; font-size: 12px; margin: 2px 0 6px; }
.vm-popup ul { margin: 0 0 8px; padding: 0; list-style: none; }
.vm-popup li { padding: 3px 0; border-top: 1px solid #eef2ef; font-size: 12px; }
.vm-popup li a { color: #16211b; text-decoration: none; display: flex; justify-content: space-between; gap: 8px; }
.vm-popup li a:hover { color: #08752f; }
.vm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 10px; padding: 9px 14px; font-weight: 700; font-size: 13px; text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: background .15s, color .15s; }
.vm-btn-primary { background: #08752f; color: #fff !important; }
.vm-btn-primary:hover { background: #075c26; }
.vm-btn-light { background: #fff; color: #08752f !important; border-color: #cfe5d5; }
.vm-btn-light:hover { background: #f1f8f2; }
.vm-btn-sm { padding: 6px 10px; font-size: 12px; border-radius: 8px; }
.vm-map-tools { position: absolute; z-index: 500; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 8px; }
.vm-map-tools button { width: 44px; height: 44px; border-radius: 12px; border: 0; background: #fff; color: #16211b; box-shadow: 0 3px 12px rgba(0,0,0,.18); cursor: pointer; font-size: 16px; }
.vm-map-tools button:hover { color: #08752f; }
.vm-toast { position: absolute; z-index: 500; left: 50%; bottom: 16px; transform: translateX(-50%); background: rgba(22,33,27,.92); color: #fff; font-size: 12px; padding: 8px 14px; border-radius: 999px; max-width: calc(100% - 32px); text-align: center; }
.vm-toast:empty { display: none; }