/* Audit fixes of 2026-11 (same rules at the end of src/styles.css; this file is linked on the deployed copy). */

/* « Trop de choix ? » : two plain lines, no numbering */
.unsure__q p { margin: 0; }

/* Phone and e-mail in the footer */
.foot__contact { margin: 8px 0 0; }
.foot__contact a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* English page: the demo sites are in French */
html[lang='en'] a.card[href*='.vercel.app']::before {
  content: 'Demo in French';
  position: absolute; z-index: 3; top: 10px; left: 10px;
  padding: 4px 9px; border-radius: 999px;
  background: rgba(11, 10, 9, 0.78); color: #f4ede1;
  font: 600 11px/1.2 'Bricolage Grotesque Variable', system-ui, sans-serif; letter-spacing: 0.01em;
  pointer-events: none;
}
html[lang='en'] a.btn[href*='.vercel.app']::after {
  content: '· demo in French';
  margin-left: 0.45em; font-size: 0.78em; font-weight: 500; opacity: 0.75;
}

/* Without JavaScript nothing waits for an animation (the hero, the reveals and the automation steps show at once) */
.no-js .flow__step { opacity: 1; transform: none; }