/* ── Vandeto Map · mod-story ───────────────────────────────── */

.vdm-story-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 13px 0 11px;
  border: 0;
  border-radius: 999px;
  background: #ff1700;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: -.1px;
  cursor: pointer;
  /* v2.32.0 — aucune élévation au repos, comme le reste de la page. */
  box-shadow: none;
  transition: transform .12s ease, box-shadow .18s ease;
  white-space: nowrap;
}

.vdm-story-btn:hover { background: #ec1500; box-shadow: 0 6px 16px -10px rgba(255,23,0,.8); }
.vdm-story-btn:active { transform: scale(.98); }
.vdm-story-btn.is-busy { opacity: .78; cursor: progress; }
.vdm-story-btn:focus { outline: 2px solid #ff1700; outline-offset: 2px; }
.vdm-story-btn:focus:not(:focus-visible) { outline: none; }
.vdm-story-btn:focus-visible { outline: 2px solid #ff1700; outline-offset: 2px; }

.vdm-story-ico { display: flex; line-height: 1; }
.vdm-story-ico svg { width: 14px; height: 14px; display: block; }

.vdm-story-spin {
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  animation: vdm-story-rot .7s linear infinite;
}

@keyframes vdm-story-rot { to { transform: rotate(360deg); } }

/* ── Toast ──────────────────────────────────────────────── */
.vdm-story-toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: 99999;
  padding: 12px 20px;
  border-radius: 999px;
  background: #fff;
  color: #11151c;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid rgba(17,21,28,.08);
  box-shadow: 0 12px 34px -14px rgba(17,21,28,.4);
  opacity: 1;
  transition: opacity .5s ease, transform .5s ease;
}
.vdm-story-toast.is-out { opacity: 0; transform: translateX(-50%) translateY(10px); }

@media (max-width: 640px) {
  .vdm-story-btn { font-size: 11.5px; padding: 0 12px 0 10px; }
}