/* ═══════════════════════════════════════════════════════════
   landing-quiz.css — styles du quiz (#p-quiz)
   Les styles de l'ancienne landing V1 ont été retirés au passage
   V9 — la landing vit désormais dans css/landing.css (tout scopé
   sous #p-land). Ce fichier pourrait être renommé quiz.css, mais
   on garde le nom pour ne pas casser l'historique git.
   Dépend de base.css (variables, keyframes blink).
   ═══════════════════════════════════════════════════════════ */

/* ══ QUIZ ══ */
#p-quiz{background:linear-gradient(135deg,var(--bluel),var(--white));display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}
.quiz-box{max-width:560px;width:100%;background:var(--white);border-radius:28px;padding:2.25rem;box-shadow:var(--sh3)}
.quiz-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:1.4rem}
.quiz-ava{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid var(--bluem);flex-shrink:0}
.quiz-intro{font-size:13px;color:var(--ink3);line-height:1.65;padding-top:4px}
.quiz-intro strong{color:var(--blue)}
.quiz-prog-bar{height:5px;background:var(--border);border-radius:3px;margin-bottom:1.4rem;overflow:hidden}
.quiz-prog-fill{height:5px;background:linear-gradient(90deg,var(--blue),#60a5fa);border-radius:3px;transition:width .5s ease}
.quiz-q-num{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:.4rem}
.quiz-q{font-family:'Outfit',sans-serif;font-size:1.2rem;font-weight:700;line-height:1.25;margin-bottom:1.1rem}
.quiz-opts{display:flex;flex-direction:column;gap:8px;margin-bottom:1.1rem}
/* STEP 1 - team promo */
.step1-team{border-radius:14px;overflow:hidden;margin-bottom:1rem}
.step1-team img{width:100%;display:block;object-fit:cover;max-height:140px}
.step1-promo{background:var(--bluel);border:1.5px solid var(--bluem);border-radius:14px;padding:.9rem 1rem;margin-bottom:1rem;font-size:12.5px;color:var(--ink2);line-height:1.6}
.step1-promo strong{color:var(--blue)}
.step1-promo .promo-tag{display:inline-block;background:var(--blue);color:#fff;border-radius:100px;padding:2px 10px;font-size:10px;font-weight:700;margin-bottom:.4rem}
.phone-field{margin-bottom:.9rem}
.phone-field label{display:block;font-size:10px;font-weight:700;color:var(--ink3);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.3rem}
.phone-field input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:10px 13px;font-size:.875rem;font-family:'Poppins',sans-serif;color:var(--ink);outline:none;transition:border-color .2s}
.phone-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--bluel)}
.phone-opt{font-size:11px;color:var(--ink4);margin-top:.35rem}
/* Options */
.qopt{display:flex;align-items:flex-start;gap:12px;background:var(--bg);border:2px solid var(--border);border-radius:14px;padding:.85rem 1rem;cursor:pointer;transition:all .2s}
.qopt:hover{border-color:var(--bluem)}
.qopt.sel{border-color:var(--blue);background:var(--bluel)}
.qopt-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.qopt-label{flex:1}
.qopt-text{font-size:13px;font-weight:600;color:var(--ink2);display:block}
.qopt.sel .qopt-text{color:var(--blue)}
.qopt-sub{font-size:10.5px;color:var(--ink4);display:block;margin-top:2px;line-height:1.45}
/* Multi-select */
.qopt.multi.sel{border-color:var(--blue);background:var(--bluel)}
/* Time/budget grid */
.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1.1rem}
.budget-col-title{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink4);text-align:center;padding:0 4px;margin-bottom:4px}
.budget-col{display:flex;flex-direction:column;gap:6px}
.bopt{background:var(--bg);border:2px solid var(--border);border-radius:12px;padding:.7rem .85rem;cursor:pointer;transition:all .2s;text-align:center;font-size:12px;font-weight:500;color:var(--ink2)}
.bopt:hover{border-color:var(--bluem)}
.bopt.sel{border-color:var(--blue);background:var(--bluel);color:var(--blue);font-weight:600}
.quiz-nav{display:flex;justify-content:space-between;align-items:center}
.quiz-back{background:transparent;border:1.5px solid var(--border);border-radius:10px;padding:9px 18px;font-size:12px;color:var(--ink3);cursor:pointer;font-family:'Poppins',sans-serif;transition:all .2s}
.quiz-back:hover{border-color:var(--blue);color:var(--blue)}
.quiz-next{background:var(--blue);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-family:'Outfit',sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .2s}
.quiz-next:disabled{opacity:.3;cursor:not-allowed}