/* BLOXI Refonte — Configurateur (#5032) : étape « Pour qui ? » (maquette bloxi-configurateur-pour-qui-v1).
   Panneau affiché tant que le titulaire n'est pas choisi (body.bxq-ask), puis bandeau « Pour … · Changer ».
   Gamme pro (body.bxq-pro) : mentions HTVA et TVAC posées sur les prix du composeur. */
#bx9-app{--bxq-c:#1f5fbf;--bxq-c-soft:rgba(31,95,191,.09);--bxq-warn:#9a5b00;--bxq-warn-soft:rgba(154,91,0,.1)}
html[data-theme="dark"] #bx9-app{--bxq-c:#7fb0ff;--bxq-c-soft:rgba(127,176,255,.12);--bxq-warn:#f0b35a;--bxq-warn-soft:rgba(240,179,90,.12)}

/* tant que le choix n'est pas fait : seul le panneau est visible */
body.bxq-ask #bx9-app > :not(.bxq){display:none!important}
body.bxq-ask .bxk-bar,body.bxq-ask .bxk-toast{display:none!important}
body.bxq-reload #bx9-app{opacity:.5;pointer-events:none}
.bxq:empty{display:none}

.bxq{max-width:760px;margin:0 auto 24px;color:var(--ink,#0b1118)}
.bxq-steps{display:flex;gap:6px;margin:4px 0 16px;font-size:.875rem;color:var(--mute,#56616d)}
.bxq-steps span{flex:1;border-top:3px solid var(--line,rgba(11,17,24,.14));padding-top:6px}
.bxq-steps span.on{border-color:var(--bxq-c);color:var(--ink,#0b1118);font-weight:700}
.bxq-h{font-size:clamp(1.6rem,5.5vw,2.25rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 6px}
.bxq-lead{color:var(--ink-2,#323c47);margin:0 0 18px;max-width:60ch}
.bxq-who{display:grid;gap:10px;margin-bottom:16px}
@media (min-width:640px){.bxq-who{grid-template-columns:1fr 1fr}}
.bxq-who button{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;text-align:left;padding:18px;border-radius:18px;border:2px solid var(--line,rgba(11,17,24,.14));background:var(--surface,#fff);color:inherit;cursor:pointer;font:inherit}
.bxq-who button[aria-pressed="true"]{border-color:var(--bxq-c);box-shadow:0 0 0 1px var(--bxq-c) inset}
.bxq-who .ic{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:var(--bg-2,#ecebe4);display:grid;place-items:center}
.bxq-who button[aria-pressed="true"] .ic{background:var(--bxq-c-soft);color:var(--bxq-c)}
.bxq-who svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bxq-who b{font-size:1.125rem}
.bxq-who small{color:var(--mute,#56616d);font-size:.9375rem}
.bxq-card{background:var(--surface,#fff);border:1px solid var(--line,rgba(11,17,24,.14));border-radius:18px;padding:18px;margin-bottom:14px}
.bxq-card h3{font-size:1.2rem;margin:0 0 4px}
.bxq-hint{color:var(--mute,#56616d);font-size:.875rem;margin:4px 0}
.bxq-opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,rgba(11,17,24,.14));border-radius:14px;padding:14px;margin-top:10px;cursor:pointer;background:var(--surface,#fff);color:inherit;width:100%;text-align:left;font:inherit}
.bxq-opt[aria-checked="true"]{border-color:var(--bxq-c);box-shadow:0 0 0 1px var(--bxq-c) inset}
.bxq-opt .dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line,rgba(11,17,24,.25));flex:0 0 auto;margin-top:3px;display:grid;place-items:center}
.bxq-opt[aria-checked="true"] .dot{border-color:var(--bxq-c)}
.bxq-opt[aria-checked="true"] .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--bxq-c)}
.bxq-opt .m{display:block;color:var(--mute,#56616d);font-size:.9375rem}
.bxq-more{margin:12px 0 0}
.bxq-link{background:none;border:0;padding:0;color:var(--g,#00774f);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.bxq-f{display:block;font-weight:600;font-size:.9375rem;margin:14px 0 6px}
.bxq-row{display:flex;gap:8px}
.bxq-in{flex:1;min-width:0;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--line,rgba(11,17,24,.14));background:var(--surface,#fff);color:inherit;font:inherit}
.bxq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:14px;border:2px solid transparent;font:inherit;font-weight:700;cursor:pointer}
.bxq-btn.p{background:var(--g-btn,#00774f);color:var(--on-g,#fff)}
.bxq-btn.o{border-color:var(--line,rgba(11,17,24,.14));background:transparent;color:inherit}
.bxq-btn.full{width:100%}
.bxq-btn:disabled{opacity:.55;cursor:not-allowed}
.bxq-note{padding:12px 14px;border-radius:12px;background:var(--bxq-c-soft);font-size:.9375rem;margin:14px 0 0}
.bxq-ko{padding:12px 14px;border-radius:12px;background:var(--bxq-warn-soft);font-size:.9375rem;margin-top:12px}
.bxq-cancel{text-align:center;margin:14px 0 0}
.bxq-in:focus,.bxq-btn:focus-visible,.bxq-opt:focus-visible,.bxq-who button:focus-visible,.bxq-link:focus-visible{outline:2px solid var(--bxq-c);outline-offset:2px}

/* bandeau après le choix */
.bxq-band{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--bg-2,#ecebe4);margin:0 0 14px}
.bxq-band:empty{display:none}
.bxq-band.pro{background:var(--bxq-c-soft)}
.bxq-band .t{flex:1;min-width:200px}
.bxq-band b{display:block}
.bxq-band span{color:var(--ink-2,#323c47);font-size:.9375rem}

/* gamme pro : HTVA / TVAC */
.bxq-ht{font-size:.72em;font-weight:600;letter-spacing:.01em;margin-left:2px}
.bx-plan-pr .bxq-tvac{display:block;font-size:.72rem;font-weight:400;color:var(--mute,#56616d);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.bxq-opt,.bxq-who button{transition:border-color .15s,box-shadow .15s}}

/* jour / nuit : jetons du thème (avant : jetons --bx-* du composeur, restés clairs en mode nuit) */
#bx9-app .bxq,#bx9-app .bxq :is(h2,h3,b,strong,label,legend){color:var(--ink,#0b1118)}
#bx9-app .bxq :is(.bxq-lead,.bxq-band span){color:var(--ink-2,#323c47)}
#bx9-app .bxq :is(.bxq-hint,small,.bxq-opt .m,.bxq-steps){color:var(--mute,#56616d)}
#bx9-app .bxq-in::placeholder{color:var(--mute,#56616d);opacity:1}