/* 🗳️ Sondages (forum de test, 15 oct 2026) — d'après les maquettes de Gérald.
 * Carte sombre « Sondage rapide » (ordinateur : colonne de droite, page Sondages) ; dans le fil du téléphone (#zp-feedslot),
 * la même carte prend l'allure d'un message de « ZONEH24 Sondages », image de chaque réponse en fond de ligne.
 * Sombre par défaut ; version claire pour les thèmes « voice-clair » et « clair » (fin du fichier). */
.zp { --zp-acc: #3b82f6; --zp-acc2: #7fb2ff; --zp-txt: #f1f5f9; --zp-txt2: #9fb0c8; --zp-line: rgba(148,163,184,.16);
      --zp-row: rgba(12,21,40,.74); --zp-rowbd: rgba(148,163,184,.15); --zp-serif: "Z24 Emoji", Georgia, "Times New Roman", "Noto Serif", serif;
      position: relative; margin: 0 0 16px; border-radius: 18px; overflow: hidden; color: var(--zp-txt); text-align: left;
      background: radial-gradient(120% 70% at 100% 0%, rgba(59,130,246,.20), transparent 55%), linear-gradient(165deg, #0f1c38 0%, #0a1428 45%, #080f1f 100%);
      border: 1px solid rgba(96,165,250,.45);
      box-shadow: 0 0 0 1px rgba(37,99,235,.10), 0 0 26px rgba(37,99,235,.30), inset 0 1px 0 rgba(255,255,255,.06); }
.zp::after { content: ""; position: absolute; right: -40px; top: -48px; width: 230px; height: 120px; border-top: 1.5px solid rgba(147,197,253,.35);
             border-radius: 50%; transform: rotate(-8deg); pointer-events: none; }
.zp-svg { display: inline-flex; flex: none; }
.zp-svg svg { width: 100%; height: 100%; fill: currentColor; }
.zp-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* En-tête « 📊 Sondage rapide » */
.zp-hd { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 14px 16px 12px; }
.zp-ic { flex: none; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: rgba(37,99,235,.14);
         border: 1px solid rgba(96,165,250,.55); box-shadow: inset 0 0 12px rgba(59,130,246,.25), 0 0 10px rgba(37,99,235,.25); }
.zp-ic .zp-svg { width: 22px; height: 22px; color: #4f9bff; filter: drop-shadow(0 0 4px rgba(79,155,255,.6)); }
.zp-hl { font-family: var(--zp-serif); font-size: 21px; font-weight: 700; line-height: 1.1; color: #f1f5f9; }
.zp-hl em { font-style: normal; color: var(--zp-acc2); }
.zp-hd .zp-chip { margin-left: auto; }
.zp-phd { display: none; }

/* Panneau intérieur */
.zp-in { position: relative; z-index: 1; margin: 0 8px 8px; padding: 16px 14px 12px; border-radius: 14px; background: rgba(255,255,255,.025); border: 1px solid var(--zp-line); }
.zp-intro { font-size: 13.5px; line-height: 1.45; color: var(--zp-txt2); margin: 0 0 6px; white-space: pre-line; }
.zp-big { font-family: var(--zp-serif); font-size: 21px; line-height: 1.22; font-weight: 700; color: #f8fafc; margin: 0 0 14px; }
.zp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: -6px 0 12px; }
.zp-chip { font-size: 11.5px; line-height: 1.3; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--zp-line); color: var(--zp-txt2); background: rgba(255,255,255,.03); }
.zp-gift { color: #fbbf24; border-color: rgba(251,191,36,.45); background: rgba(251,191,36,.08); font-weight: 600; }

/* Questions (une à la fois avec le script) */
.zp-form .zp-q { border: 0; margin: 0; padding: 0; min-width: 0; }
.zp-form.zp-js .zp-q { display: none; }
.zp-form.zp-js .zp-q.on { display: block; animation: zpIn .18s ease-out; }
@keyframes zpIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.zp-q legend { display: block; max-width: 100%; padding: 0; margin: 0 0 10px; }
.zp-qn { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--zp-acc2); margin-bottom: 3px; }
.zp-qt { display: block; font-family: var(--zp-serif); font-size: 16.5px; font-weight: 700; line-height: 1.3; color: var(--zp-txt); }
.zp-hint { font-size: 12px; color: var(--zp-txt2); margin: -4px 0 8px; }

/* Lignes de réponse : rond à cocher · image ronde · texte */
.zp-opt { position: relative; display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 7px 12px; margin: 0 0 8px; border-radius: 12px;
          background: var(--zp-row); border: 1px solid var(--zp-rowbd); cursor: pointer; overflow: hidden; transition: border-color .15s, background .15s, box-shadow .15s; }
.zp-opt:hover { border-color: rgba(96,165,250,.55); }
.zp-opt input, .zp-sopt input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.zp-radio { flex: none; width: 21px; height: 21px; border-radius: 50%; border: 2px solid rgba(203,213,225,.75); transition: .15s; }
.zp-radio.zp-box { border-radius: 6px; position: relative; }
.zp-opt:has(input:checked) { border-color: var(--zp-acc); background: rgba(37,99,235,.17); box-shadow: 0 0 0 1px rgba(59,130,246,.35), 0 0 14px rgba(37,99,235,.25); }
.zp-opt:has(input:checked) .zp-radio { border-color: #60a5fa; background: radial-gradient(circle, #60a5fa 0 40%, transparent 45%); }
.zp-opt:has(input:checked) .zp-radio.zp-box { background: #3b82f6; border-color: #3b82f6; }
.zp-opt:has(input:checked) .zp-radio.zp-box::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; }
.zp-opt:has(input:focus-visible) { outline: 2px solid #93c5fd; outline-offset: 2px; }
.zp-opt:has(input:disabled:not(:checked)) { cursor: not-allowed; opacity: .5; }
.zp-guest .zp-opt { cursor: default; opacity: 1 !important; }
.zp-media { flex: none; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; font-size: 21px; line-height: 1;
            background: #14223f; border: 2px solid rgba(96,165,250,.45); box-shadow: 0 0 10px rgba(37,99,235,.35); }
.zp-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.zp-m-none { color: #cbd5e1; font-size: 12px; letter-spacing: 1px; background: radial-gradient(circle at 35% 30%, #334155, #1e293b); }
.zp-m-q { color: #e2e8f0; font: 700 20px/1 var(--zp-serif); background: radial-gradient(circle at 35% 30%, #475569, #1e293b); }
.zp-m-a4 { background: radial-gradient(circle at 35% 30%, #22c55e, #14532d); border-color: rgba(74,222,128,.6); box-shadow: 0 0 10px rgba(34,197,94,.35); }
.zp-m-a3 { background: radial-gradient(circle at 35% 30%, #3b82f6, #1e3a8a); border-color: rgba(96,165,250,.6); }
.zp-m-a2 { background: radial-gradient(circle at 35% 30%, #f59e0b, #78350f); border-color: rgba(251,191,36,.55); box-shadow: 0 0 10px rgba(245,158,11,.3); }
.zp-m-a1 { background: radial-gradient(circle at 35% 30%, #ef4444, #7f1d1d); border-color: rgba(248,113,113,.6); box-shadow: 0 0 10px rgba(239,68,68,.3); }
.zp-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.zp-lab { font-family: var(--zp-serif); font-weight: 700; font-size: 15.5px; line-height: 1.25; color: var(--zp-txt); overflow-wrap: anywhere; }
.zp-sub { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--zp-txt2); }
.zp-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; }
.zp-dnk .zp-lab { font-style: italic; font-weight: 600; color: var(--zp-txt2); }
.zp-chev { display: none; }

/* Note de 0 à 10 */
.zp-scale { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 4px; margin: 0 0 4px; }
.zp-sopt { position: relative; display: grid; place-items: center; height: 40px; border-radius: 9px; background: var(--zp-row); border: 1px solid var(--zp-rowbd);
           font-weight: 700; font-size: 13.5px; color: var(--zp-txt); cursor: pointer; }
.zp-sopt:has(input:checked) { background: linear-gradient(180deg, #3b82f6, #1d4ed8); border-color: #93c5fd; color: #fff; box-shadow: 0 0 12px rgba(37,99,235,.5); }
.zp-sopt:has(input:focus-visible) { outline: 2px solid #93c5fd; }
.zp-scale-ends { display: flex; justify-content: space-between; font-size: 11px; color: var(--zp-txt2); margin-bottom: 10px; }
@media (max-width: 360px) { .zp-scale { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* Boutons « Voter → » */
.zp-nav { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.zp-nav [hidden] { display: none !important; }
.zp-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; padding: 10px 16px; box-sizing: border-box;
          border-radius: 12px; border: 1px solid rgba(147,197,253,.7); background: linear-gradient(180deg, #3b8bff 0%, #1f5fe0 60%, #1a4fc4 100%);
          color: #fff; font: 700 19px/1 var(--zp-serif); cursor: pointer; text-decoration: none;
          box-shadow: 0 0 18px rgba(37,99,235,.55), inset 0 1px 0 rgba(255,255,255,.3); transition: filter .15s, transform .1s; }
.zp-btn:hover { filter: brightness(1.08); color: #fff; text-decoration: none; }
.zp-btn:active { transform: translateY(1px); }
.zp-btn:disabled { opacity: .6; cursor: wait; }
.zp-btn .zp-svg { width: 20px; height: 20px; }
.zp-btn2 { min-height: 40px; font-size: 14px; color: #bfdbfe; background: transparent; border-color: rgba(96,165,250,.5); box-shadow: none; margin-top: 4px; }
.zp-btn2:hover { color: #fff; }
.zp-prev { flex: none; background: none; border: 0; padding: 6px 2px; font-size: 13.5px; color: var(--zp-txt2); cursor: pointer; }
.zp-prev:hover { color: var(--zp-txt); }
.zp-guest .zp-btn { margin-top: 6px; font-size: 17px; }

/* Pied : 🔒 Vote anonyme | 👥 1 vote par membre */
.zp-ft { display: flex; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--zp-line); font-size: 12.5px; color: var(--zp-txt2); }
.zp-ft > span { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; }
.zp-ft > span + span { border-left: 1px solid var(--zp-line); }
.zp-ft .zp-svg { width: 16px; height: 16px; color: #94a3b8; }
.zp-legal { margin-top: 8px; font-size: 10.5px; line-height: 1.4; text-align: center; color: var(--zp-txt2); opacity: .85; }
.zp-legal a { color: #93c5fd; white-space: nowrap; }

/* Messages */
.zp-err { color: #f87171; font-size: 13px; margin: 2px 0 8px; }
.zp-ok, .zp-errbox { font-size: 13px; line-height: 1.4; padding: 9px 11px; border-radius: 11px; margin-bottom: 12px; }
.zp-ok { color: #4ade80; background: rgba(34,197,94,.10); border: 1px solid rgba(34,197,94,.35); }
.zp-errbox { color: #f87171; background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.35); }
.zp-note { font-size: 13px; color: var(--zp-txt2); margin: 6px 0; }
.zp-consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.4; color: var(--zp-txt2); margin: 8px 0 10px; cursor: pointer; }
.zp-consent input { margin-top: 2px; flex: none; accent-color: var(--zp-acc); }

/* Résultats : lignes remplies au pourcentage, histogramme pour la note */
.zp-res-q { margin: 0 0 12px; }
.zp-res-q .zp-qt { margin-bottom: 8px; }
.zp-res-row { position: relative; isolation: isolate; display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 6px 12px; margin: 0 0 7px;
              border-radius: 12px; background: var(--zp-row); border: 1px solid var(--zp-rowbd); overflow: hidden; }
.zp-res-row::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w, 0%); z-index: -1; background: linear-gradient(90deg, rgba(37,99,235,.42), rgba(59,130,246,.22)); }
.zp-res-row.zp-dnk::before { background: rgba(148,163,184,.18); }
.zp-res-row .zp-media { width: 38px; height: 38px; font-size: 18px; }
.zp-pct { margin-left: auto; font-size: 14px; color: #fff; white-space: nowrap; }
.zp-pct small { font-weight: 400; color: var(--zp-txt2); }
.zp-histo { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 4px; align-items: end; height: 92px; margin: 4px 0 6px; }
.zp-hcol { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; height: 100%; }
.zp-hcol i { display: block; width: 100%; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, #60a5fa, #1d4ed8); }
.zp-hcol b { font-size: 11px; font-weight: 600; color: var(--zp-txt2); }
.zp-sum { font-size: 12.5px; color: var(--zp-txt2); margin-top: 4px; }
.zp-base { font-size: 12px; color: var(--zp-txt2); }

/* ── Téléphone : dans le fil, comme un message de « ZONEH24 Sondages » ── */
#zp-feedslot .zp { margin: 0 0 14px; border-radius: 20px; }
#zp-feedslot .zp::after, #zp-feedslot .zp-hd { display: none; }
#zp-feedslot .zp-phd { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; padding: 14px 16px 4px; }
.zp-pav { flex: none; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0b1730;
          border: 2px solid #3b82f6; box-shadow: 0 0 12px rgba(59,130,246,.55); color: #fff; font: 700 19px/1 system-ui, -apple-system, "Segoe UI", sans-serif; }
.zp-pav small { font-size: 12px; color: #60a5fa; margin: 7px 0 0 1px; }
.zp-pmeta { display: flex; flex-direction: column; min-width: 0; }
.zp-pmeta b { display: flex; align-items: center; gap: 6px; font-size: 15.5px; color: #f1f5f9; }
.zp-pmeta b .zp-svg { width: 17px; height: 17px; color: #3b82f6; }
.zp-pmeta > span { font-size: 13px; color: var(--zp-txt2); }
#zp-feedslot .zp-in { margin: 0; padding: 8px 16px 14px; background: transparent; border: 0; }
#zp-feedslot .zp-intro { font-size: 16px; color: var(--zp-txt); margin-bottom: 2px; }
#zp-feedslot .zp-big { font-family: inherit; font-size: 16.5px; font-weight: 500; line-height: 1.4; color: var(--zp-txt); }
#zp-feedslot .zp-lab, #zp-feedslot .zp-qt { font-family: inherit; }
#zp-feedslot .zp-lab { font-weight: 600; }
#zp-feedslot .zp-opt.zp-hasbg::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 62%; z-index: 0; pointer-events: none;
    background: var(--zp-bg) center / cover no-repeat; opacity: .9;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 60%); mask-image: linear-gradient(90deg, transparent 0%, #000 60%); }
#zp-feedslot .zp-opt > :not(input) { position: relative; z-index: 1; }
#zp-feedslot .zp-opt.zp-hasbg .zp-chev { display: inline-flex; width: 18px; height: 18px; color: #f8fafc; filter: drop-shadow(0 0 3px rgba(0,0,0,.8)); }
#zp-feedslot .zp-opt.zp-hasbg .zp-lab { text-shadow: 0 1px 6px rgba(0,0,0,.6); }
#zp-feedslot .zp-btn { border-radius: 999px; background: linear-gradient(90deg, #3b82f6, #4f46e5); font: 600 17px/1 system-ui, -apple-system, "Segoe UI", sans-serif; }
#zp-feedslot .zp-ft { justify-content: center; border-top: 0; margin-top: 10px; padding-top: 2px; }
#zp-feedslot .zp-ft > span { flex: none; padding: 0 14px; }

/* Page « Sondages » */
.zp-pagewrap { max-width: 680px; margin: 0 auto; padding: 22px 16px 90px; }
.zp-page-h { font-size: 24px; margin: 0 0 6px; color: var(--t-text, #fff); }
.zp-page-h2 { font-size: 16px; margin: 22px 0 10px; color: var(--t-text, #fff); }
.zp-page-intro { font-size: 14px; color: var(--t-text2, #9aa4b2); margin: 0 0 8px; }
.zp-pagewrap .zp { margin-bottom: 18px; }

/* ── Thème clair ── */
html[data-theme="voice-clair"] .zp, html[data-theme="clair"] .zp {
    --zp-acc2: #2563eb; --zp-txt: #0f172a; --zp-txt2: #5b6b82; --zp-line: rgba(15,23,42,.10); --zp-row: #f8fafc; --zp-rowbd: #e2e8f0;
    background: radial-gradient(120% 70% at 100% 0%, rgba(59,130,246,.11), transparent 55%), linear-gradient(165deg, #ffffff, #f3f7ff);
    border-color: rgba(59,130,246,.35); box-shadow: 0 0 0 1px rgba(37,99,235,.05), 0 6px 22px rgba(37,99,235,.14); }
html[data-theme="voice-clair"] .zp::after, html[data-theme="clair"] .zp::after { border-top-color: rgba(59,130,246,.25); }
html[data-theme="voice-clair"] .zp-hl, html[data-theme="clair"] .zp-hl,
html[data-theme="voice-clair"] .zp-big, html[data-theme="clair"] .zp-big,
html[data-theme="voice-clair"] .zp-pmeta b, html[data-theme="clair"] .zp-pmeta b,
html[data-theme="voice-clair"] .zp-pct, html[data-theme="clair"] .zp-pct { color: #0f172a; }
html[data-theme="voice-clair"] .zp-ic, html[data-theme="clair"] .zp-ic { background: rgba(37,99,235,.07); box-shadow: none; }
html[data-theme="voice-clair"] .zp-in, html[data-theme="clair"] .zp-in { background: rgba(255,255,255,.75); }
html[data-theme="voice-clair"] .zp-radio, html[data-theme="clair"] .zp-radio { border-color: #94a3b8; }
html[data-theme="voice-clair"] .zp-opt:has(input:checked), html[data-theme="clair"] .zp-opt:has(input:checked) { background: rgba(37,99,235,.08); box-shadow: 0 0 0 1px rgba(59,130,246,.3); }
html[data-theme="voice-clair"] .zp-media, html[data-theme="clair"] .zp-media { background: #e2e8f0; border-color: rgba(59,130,246,.35); box-shadow: 0 2px 6px rgba(15,23,42,.12); }
html[data-theme="voice-clair"] .zp-m-none, html[data-theme="clair"] .zp-m-none { color: #475569; background: #e2e8f0; }
html[data-theme="voice-clair"] .zp-m-a4, html[data-theme="clair"] .zp-m-a4,
html[data-theme="voice-clair"] .zp-m-a3, html[data-theme="clair"] .zp-m-a3,
html[data-theme="voice-clair"] .zp-m-a2, html[data-theme="clair"] .zp-m-a2,
html[data-theme="voice-clair"] .zp-m-a1, html[data-theme="clair"] .zp-m-a1,
html[data-theme="voice-clair"] .zp-m-q, html[data-theme="clair"] .zp-m-q { color: #fff; }
html[data-theme="voice-clair"] .zp-res-row::before, html[data-theme="clair"] .zp-res-row::before { background: linear-gradient(90deg, rgba(59,130,246,.26), rgba(59,130,246,.12)); }
html[data-theme="voice-clair"] .zp-gift, html[data-theme="clair"] .zp-gift { color: #b45309; border-color: rgba(217,119,6,.4); background: rgba(251,191,36,.12); }
html[data-theme="voice-clair"] .zp-ok, html[data-theme="clair"] .zp-ok { color: #15803d; }
html[data-theme="voice-clair"] .zp-btn2, html[data-theme="clair"] .zp-btn2 { color: #1d4ed8; }
html[data-theme="voice-clair"] .zp-legal a, html[data-theme="clair"] .zp-legal a { color: #2563eb; }
html[data-theme="voice-clair"] .zp-pav, html[data-theme="clair"] .zp-pav { background: #eaf2ff; color: #0f172a; box-shadow: 0 0 8px rgba(59,130,246,.3); }
html[data-theme="voice-clair"] .zp-ft .zp-svg, html[data-theme="clair"] .zp-ft .zp-svg { color: #64748b; }
html[data-theme="voice-clair"] #zp-feedslot .zp-opt.zp-hasbg .zp-lab, html[data-theme="clair"] #zp-feedslot .zp-opt.zp-hasbg .zp-lab { text-shadow: 0 0 6px rgba(255,255,255,.9); }

/* Colonne de droite (300 px) : marges plus serrées, pied sur une ligne */
.zp-side .zp-in { margin: 0 6px 6px; padding: 14px 12px 12px; }
.zp-ft { font-size: 11.5px; }
.zp-ft > span { white-space: nowrap; gap: 6px; padding: 0 4px; }
.zp-ft .zp-svg { width: 14px; height: 14px; }
.zp-page .zp-ft, #zp-feedslot .zp-ft { font-size: 12.5px; }

/* Questions de profil : carte « Faisons connaissance » du bloc, rubrique « Mon profil de sondage » (page Sondages) */
.zp-prof .zp-opt, .zp-pp-opts .zp-opt { min-height: 44px; margin-bottom: 6px; }
.zp-prof .zp-lab, .zp-pp-opts .zp-lab { font-size: 14.5px; }
.zp-ppcard .zp-in { padding: 6px 14px 14px; }
.zp-ppcard .zp-note { margin: 8px 0 4px; }
.zp-pp { border-bottom: 1px solid var(--zp-line); }
.zp-pp summary { list-style: none; cursor: pointer; display: flex; align-items: baseline; gap: 10px; padding: 12px 2px; }
.zp-pp summary::-webkit-details-marker { display: none; }
.zp-pp summary::after { content: "›"; flex: none; color: var(--zp-txt2); font-size: 18px; line-height: 1; transition: transform .15s; }
.zp-pp[open] summary::after { transform: rotate(90deg); }
.zp-pp-q { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; color: var(--zp-txt); }
.zp-pp-a { flex: 0 1 45%; min-width: 0; font-size: 13px; text-align: right; color: var(--zp-acc2); overflow-wrap: anywhere; }
.zp-pp-none { color: var(--zp-txt2); font-style: italic; }
.zp-pform { margin: 0 0 14px; }
.zp-pp-btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.zp-pp-btns .zp-btn { flex: 1 1 160px; width: auto; min-height: 42px; font-size: 16px; margin-top: 0; }
.zp-pp-del { color: #f87171 !important; border-color: rgba(239,68,68,.45) !important; }
.zp-pp-all { margin: 12px 0 0; }
.zp-pp-all .zp-btn { min-height: 40px; font-size: 14px; }

/* Bloc épuré de l'accueil (15 oct 2026) : sans en-tête, introduction, titre, « Question 1/4 » ni pied */
.zp-lite .zp-in { margin-top: 6px; padding-bottom: 12px; }
#zp-feedslot .zp-lite .zp-in { margin-top: 0; }
.zp-qbig { font-size: 19px; line-height: 1.25; }
#zp-feedslot .zp-qbig { font-size: 16.5px; font-weight: 500; }

/* Après le vote (15 oct 2026, Gérald) : le sondage reste affiché, avec un petit merci sous le résultat */
.zp-thx { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 13px; font-weight: 600; line-height: 1.35; color: #4ade80; }
.zp-thx::before { content: '✓'; flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%;
                  font-size: 11px; font-weight: 700; color: #052e16; background: #4ade80; }
.zp-mine { color: var(--zp-txt); border-color: var(--zp-acc); background: rgba(37,99,235,.14); }
.zp-plink { display: inline-block; margin-top: 6px; font-size: 12px; color: var(--zp-txt2); text-decoration: none; }
.zp-plink:hover { color: var(--zp-acc2); text-decoration: underline; }
html[data-theme="voice-clair"] .zp-thx, html[data-theme="clair"] .zp-thx { color: #15803d; }
html[data-theme="voice-clair"] .zp-thx::before, html[data-theme="clair"] .zp-thx::before { color: #fff; background: #16a34a; }
html[data-theme="voice-clair"] .zp-mine, html[data-theme="clair"] .zp-mine { color: #0f172a; background: rgba(37,99,235,.08); }

/* 23 oct 2026 : merci affiché en haut du sondage suivant (il a remplacé celui qu'on vient de voter) */
.zp-thx-top { margin: 0 0 10px; }

/* 23 oct 2026 (Gérald) : bloc sondage de la colonne de droite plus compact, et jamais plus haut que la moitié de l'écran
   (au-delà, les choix défilent dans le bloc : poll.js › moitie). Le bloc du fil (téléphone) n'est pas concerné. */
#zp-side-anchor .zp-big { font-size: 18px; margin-bottom: 10px; }
#zp-side-anchor .zp-opt { min-height: 38px; padding: 4px 10px; margin-bottom: 5px; gap: 10px; }
#zp-side-anchor .zp-media { width: 28px; height: 28px; font-size: 15px; }
#zp-side-anchor .zp-chips { margin-bottom: 8px; }
#zp-side-anchor .zp-lab { font-size: 14.5px; }
#zp-side-anchor .zp-btn { min-height: 40px; padding: 8px 14px; }
#zp-side-anchor .zp-q[data-scroll-own] { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 2px; }