/* ===== Landing QR — page focalisee salle d'attente =====
   Extrait de `qr-landing.html` (chantier n°9) pour que le theme WordPress
   puisse le charger : inline dans la page, ce CSS etait inaccessible.
   ⚠️ Ce fichier contient une regle `body{}` GLOBALE : il ne doit etre charge
   QUE sur les landings QR, jamais sur tout le site (il repeindrait le fond
   de chaque page). Voir l'enqueue conditionnel dans inc/mist-qr-landing.php.
   ⚠️ Fichier de PREVIEW. Le theme en detient une copie octet pour octet
   (garde-fou n°5). Modifier ici d'abord. */
  /* Landing QR = page focalisée salle d'attente (PAS la nav du site). Mobile-first. */
  body{background:var(--bg-soft)}
  .qr-wrap{max-width:600px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:var(--shadow-med)}
  .qr-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
  .qr-bar .center{font-family:var(--display);font-weight:800;font-size:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}
  .qr-hero{position:relative;overflow:hidden;color:#fff;padding:36px 24px 32px;background:radial-gradient(60% 90% at 88% 8%,rgba(166,157,205,.5),transparent 60%),radial-gradient(60% 80% at 5% 95%,rgba(111,191,138,.3),transparent 60%),var(--grad-brand)}
  .qr-hero .eyebrow{color:#ffd9b0}
  .qr-hero h1{color:#fff;margin:12px 0 10px}
  .qr-hero p{color:#eef0fb;font-size:16px}
  .qr-sec{padding:32px 24px}
  .pt{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
  .pt:first-of-type{border-top:0;padding-top:4px}
  .pt .ico{flex-shrink:0}
  .pt h3{font-size:16px}
  .qr-foot{padding:22px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--ink-muted);font-size:12.5px}