/* Sondage « Votre avis compte pour Lina » — thème vert, doux, premium. Mobile-first.
   Accessibilité seniors : contraste élevé, focus visible, grandes cibles. NON médical. */
.survey{--sv-green:#3e8e41;--sv-green-2:#2f6f33;--sv-green-soft:#eaf4ea;--sv-green-ring:#5fa463;--sv-fg:#243024;--sv-muted:#5c6b5c;--sv-card:#fff;--sv-line:#e2ebe2;--sv-radius:20px;--sv-shadow:0 10px 30px rgba(36,48,36,.08);min-height:100vh;background:linear-gradient(180deg,#f6faf4,#eef4ec);color:var(--sv-fg);font-size:19px;line-height:1.5;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0}
.wrap{max-width:820px;margin:0 auto;padding:clamp(16px,4vw,40px);display:flex;flex-direction:column;gap:22px}
.header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:clamp(2rem,6vw,2.8rem);font-weight:800;color:var(--sv-green)}
.brand .leaf{font-size:1.1em}
.tagline{font-size:1.15rem;font-weight:600;color:var(--sv-green-2)}
.intro{background:var(--sv-card);border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:var(--sv-shadow);padding:clamp(16px,3vw,26px);color:var(--sv-muted);font-size:1.05rem}
.intro p{margin:0 0 .7em}.intro p:last-child{margin-bottom:0}.intro strong{color:var(--sv-fg)}
.sig{margin-top:.6em;font-weight:700;color:var(--sv-green-2);font-style:italic}
.anon{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;background:var(--sv-green-soft);border-radius:14px;color:var(--sv-green-2);font-size:.98rem}
.q{background:var(--sv-card);border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:var(--sv-shadow);padding:clamp(16px,3vw,26px)}
.q-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.q-num{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--sv-green);color:#fff;font-weight:800;font-size:1.1rem}
.q-title{font-size:1.2rem;font-weight:700;margin:0;padding-top:4px}
.q-hint{margin:-4px 0 14px 50px;color:var(--sv-muted);font-size:.98rem}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--sv-line);border-radius:14px;cursor:pointer;transition:border-color .12s,background .12s;min-height:56px;font-size:1.05rem}
.opt:hover{border-color:var(--sv-green-ring);background:#fafdf9}
.opt input{width:24px;height:24px;accent-color:var(--sv-green);flex:0 0 auto}
.opt.checked{border-color:var(--sv-green);background:var(--sv-green-soft)}
.opt .emoji{font-size:1.4rem}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.scale .opt{flex-direction:column;text-align:center;gap:6px;padding:12px 8px;font-size:.9rem}
.scale .opt .star{font-size:1.5rem}
.faces{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.faces .opt{flex-direction:column;text-align:center;gap:6px}
.faces .opt .emoji{font-size:2rem}
.other-field,textarea,input[type=text],input[type=email],input[type=tel],input[type=password]{width:100%;margin-top:10px;padding:12px 14px;border:2px solid var(--sv-line);border-radius:12px;font:inherit;font-size:1.05rem;color:var(--sv-fg);background:#fff}
textarea{min-height:110px;resize:vertical}
.field-label{display:block;font-weight:600;margin-bottom:4px}
.contact{background:var(--sv-green-soft);border:1px solid #d4e7d4}.contact .opt{background:#fff}
.contact-grid{display:grid;gap:12px;margin-top:12px}
:focus-visible{outline:3px solid var(--sv-green-ring);outline-offset:2px}
.submit-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 40px}
button.submit{appearance:none;border:none;cursor:pointer;background:linear-gradient(135deg,var(--sv-green),var(--sv-green-2));color:#fff;font:inherit;font-weight:800;font-size:1.25rem;padding:18px 40px;border-radius:999px;box-shadow:var(--sv-shadow);min-width:260px}
.submit-note{color:var(--sv-muted);font-size:.95rem;text-align:center}
.form-error{color:#b3261e;font-weight:600;text-align:center}
.thanks{background:var(--sv-card);border:1px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:var(--sv-shadow);padding:clamp(28px,6vw,56px);text-align:center;margin:40px auto;max-width:620px}
.thanks .heart{font-size:3rem}.thanks h2{color:var(--sv-green);font-size:1.8rem;margin:12px 0 8px}.thanks p{color:var(--sv-muted);font-size:1.1rem}
.footer-note{display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;color:var(--sv-green-2);font-weight:600;padding:10px 0 30px}
.bar-row{display:flex;justify-content:space-between;font-size:.98rem}
.bar-bg{background:var(--sv-green-soft);border-radius:8px;height:12px;overflow:hidden;margin-top:2px}
.bar-fill{background:var(--sv-green);height:100%}
.verbatim{font-style:italic}
a{color:var(--sv-green-2)}
/* Sélecteur de langue — fixe en haut à droite de l'écran */
.langsw{position:fixed;top:12px;right:14px;z-index:50;display:flex;gap:6px}
.langsw .lang{display:inline-block;padding:6px 12px;border:2px solid var(--sv-line);border-radius:999px;background:#fff;text-decoration:none;color:var(--sv-muted);font-weight:700;font-size:.85rem;box-shadow:0 2px 8px rgba(36,48,36,.10)}
.langsw .lang:hover{border-color:var(--sv-green-ring)}
.langsw .lang.active{border-color:var(--sv-green);background:var(--sv-green-soft);color:var(--sv-green-2)}
/* Page d'accueil — cartes de choix du public */
.choices{display:grid;grid-template-columns:1fr;gap:14px}
.choice{display:flex;flex-direction:column;gap:6px;background:var(--sv-card);border:2px solid var(--sv-line);border-radius:var(--sv-radius);box-shadow:var(--sv-shadow);padding:22px 24px;text-decoration:none;color:var(--sv-fg);transition:border-color .12s,transform .12s}
.choice:hover{border-color:var(--sv-green);transform:translateY(-2px)}
.choice-emoji{font-size:2.4rem}
.choice-label{font-size:1.35rem;font-weight:800;color:var(--sv-green-2)}
.choice-desc{color:var(--sv-muted);font-size:1.02rem}
.choice-go{margin-top:6px;font-weight:700;color:var(--sv-green)}
/* Résultats — onglets par questionnaire */
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid var(--sv-line);border-radius:999px;background:#fff;text-decoration:none;color:var(--sv-fg);font-weight:600}
.tab:hover{border-color:var(--sv-green-ring)}
.tab.active{border-color:var(--sv-green);background:var(--sv-green-soft);color:var(--sv-green-2)}
.tab-c{background:var(--sv-green);color:#fff;border-radius:999px;padding:1px 9px;font-size:.85rem;font-weight:800}
@media(min-width:560px){.choices{grid-template-columns:1fr}}
@media(max-width:520px){.scale{grid-template-columns:1fr 1fr}}