/* ── Scannez votre pneu (photo du flanc → taille) ──────────────────────────
   Feuille dédiée au widget, hors du tronc `style.css` : modifier `style.css`
   invaliderait l'empreinte des fichiers `boutique/critical_css/*.css` (test
   `tests_page_weight.CriticalCssTests`) et ferait retomber l'accueil sur des
   feuilles bloquantes. Le widget n'apparaît que sur l'accueil, la recherche et
   la page de scan ; sa feuille n'est chargée que là.

   Téléphone d'abord : le bouton est un lien, le panneau s'ouvre sous lui et le
   champ de fichier ouvre l'appareil photo. Aucune largeur en pixels, aucune
   animation si l'utilisateur l'a coupée. */
.tyre-scan{position:relative;margin-top:12px}
.tyre-scan-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:46px;padding:0 18px;border:1.5px solid var(--blue,#20709a);border-radius:var(--radius-sm,6px);
  background:#fff;color:var(--navy,#120a44);font-weight:700;font-size:.95rem;text-decoration:none}
.tyre-scan-btn:hover,.tyre-scan-btn:focus-visible{border-color:var(--amber,#4aa3d9);background:rgba(74,163,217,.08);color:var(--navy,#120a44)}
.tyre-scan-btn i{color:var(--blue,#20709a)}
.tyre-scan-panel[hidden]{display:none}
.tyre-scan-panel{margin-top:12px;padding:14px;border:1px solid var(--border,#d3deee);border-radius:var(--radius-sm,6px);background:#fff}
.tyre-scan-lead{margin:0 0 10px;font-size:.88rem;color:#475569}
.tyre-scan-file{position:relative;display:flex;align-items:center;gap:.5rem;min-height:48px;padding:10px 12px;
  border:1.5px dashed var(--border-mid,#d3deee);border-radius:var(--radius-sm,6px);cursor:pointer;font-size:.9rem}
.tyre-scan-file:hover{border-color:var(--blue,#20709a)}
.tyre-scan-file i{color:var(--blue,#20709a)}
.tyre-scan-file input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.tyre-scan-file:focus-within{outline:2px solid var(--blue,#20709a);outline-offset:2px}
.tyre-scan-submit{margin-top:12px;min-height:48px;font-weight:700}
.tyre-scan-note{margin:.7rem 0 0;font-size:.78rem;color:#64748b;display:flex;align-items:flex-start;gap:.35rem}
.tyre-scan-note i{color:#16a34a;flex:0 0 auto;margin-top:.1rem}
.tyre-scan-manual{margin-top:12px;padding-top:12px;border-top:1px solid var(--border,#d3deee)}
.tyre-scan-manual-label{display:block;font-size:.78rem;color:#64748b;margin-bottom:.35rem}
.tyre-scan-manual-row{display:flex;gap:8px}
.tyre-scan-manual-row input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border,#d3deee);border-radius:var(--radius-sm,6px);font-size:1rem}

/* Le widget vient sous la barre de recherche de l'accueil (il ne peut pas vivre
   dans le <form> de dimensions : un <form> dans un <form> est ignoré). Le bouton
   et le panneau s'empilent, le panneau prend toute la largeur. */
.dirA2-finder .tyre-scan{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 12px}
.dirA2-finder .tyre-scan-btn{flex:0 0 auto}
.dirA2-finder .tyre-scan-panel{flex:1 1 100%}

/* Page de lecture */
.tyre-scan-page{max-width:640px;padding:28px 16px 64px}
.tyre-scan-crumb{font-size:.82rem;color:#64748b;margin-bottom:10px}
.tyre-scan-crumb a{color:var(--navy,#120a44)}
.tyre-scan-title{font-size:1.8rem;margin:0 0 16px}
.tyre-scan-intro p{color:#334155}
.tyre-scan-card{border:1px solid var(--border,#d3deee);border-radius:10px;padding:20px;background:#fff}
.tyre-scan-card.is-ok{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.10)}
.tyre-scan-card.is-choice{border-color:var(--blue,#20709a)}
.tyre-scan-card.is-error{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.08)}
.tyre-scan-eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.tyre-scan-size{margin:.3rem 0 .5rem;font-size:2.1rem;font-weight:800;color:var(--navy,#120a44);line-height:1.1}
.tyre-scan-detail{margin:0 0 14px;font-size:.9rem;color:#475569}
.tyre-scan-question{margin:.3rem 0 .8rem;font-size:1.25rem;font-weight:700;color:var(--navy,#120a44)}
.tyre-scan-cta{min-height:52px;font-weight:700}
.tyre-scan-choices{display:grid;gap:10px}
.tyre-scan-tips{margin:.2rem 0 0;padding-left:1.1rem;color:#334155;font-size:.9rem}
.tyre-scan-tips li{margin-bottom:.3rem}
.tyre-scan-manual-intro{margin:1.1rem 0 .5rem;font-size:.95rem;color:#334155}
.tyre-scan-manual-form{display:flex;gap:8px;margin-bottom:1rem}
.tyre-scan-manual-form input{flex:1;min-width:0;padding:12px;border:1px solid var(--border,#d3deee);border-radius:var(--radius-sm,6px);font-size:1rem}
.tyre-scan-again{font-size:.9rem;margin:1rem 0}
.tyre-scan-again a{color:var(--blue,#20709a);text-decoration:underline}
@media (prefers-reduced-motion:reduce){.tyre-scan *{transition:none!important;animation:none!important}}