/* site/sante/bipolarite.css — LE QUESTIONNAIRE « BIPOLARITÉ » (récapitulatif sans note), 29/10/2026.
   Se charge APRÈS /sante/sante.css (qui fournit .carte, .s-option, .aide-alerte, .aide-appel, etc.) et ne touche à aucune de ses règles.
   Mobile d'abord : tout tient en 375 px, cibles tactiles ≥ 44 px, couleurs douces. Rien à vendre sur cette page. */

/* ── Écrans (mêmes largeurs que les autres questionnaires de santé) ───────────────────────────── */
#b-questions.ecran, #b-resultat.ecran { max-width: 680px; margin: 0 auto; padding: 22px 0 60px; }
#b-alerte:empty { display: none; }
#b-alerte { margin-bottom: 14px; }

/* ── Réponses : un rond (choix unique) ou une case (plusieurs choix possibles) ─────────────────── */
.b-option { align-items: flex-start; }
.b-rond, .b-coche { flex: none; width: 22px; height: 22px; margin-top: 1px; border: 2px solid #94a3b8; background: #fff; }
.b-rond { border-radius: 50%; }
.b-coche { border-radius: 6px; }
.b-option[aria-pressed="true"] .b-rond, .b-option[aria-pressed="true"] .b-coche { border-color: #fff; background: #fff; box-shadow: inset 0 0 0 4px #1d6ae6; }
.b-option[aria-pressed="true"] .b-coche { box-shadow: none; position: relative; }
.b-option[aria-pressed="true"] .b-coche::after { content: ""; position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #1d6ae6; border-width: 0 3px 3px 0; transform: rotate(45deg); }
#b-continuer { margin-top: 16px; width: 100%; min-height: 52px; }
#b-continuer:disabled { opacity: .45; cursor: not-allowed; }
.b-aide-question { font-size: .92rem; color: var(--doux); margin: -8px 0 14px; }

/* ── Résultat : conseil unique, récapitulatif, préparation du rendez-vous ─────────────────────── */
#b-resultat h2 { font-size: 1.25rem; line-height: 1.3; margin-bottom: 8px; outline: none; }
#b-resultat h3 { font-size: 1.05rem; margin: 0 0 6px; }
#b-resultat .carte p { margin-bottom: 10px; }
.b-parler { border-left: 6px solid var(--p); }
.b-feuille .b-intro { font-size: .92rem; color: #334155; }
.b-bloc { margin-top: 16px; }
.b-bloc h3 { color: var(--p-fonce); border-bottom: 1px solid var(--bord); padding-bottom: 4px; }
.b-lignes { margin: 0; }
.b-ligne { padding: 8px 0; border-bottom: 1px solid var(--bord); }
.b-ligne:last-child { border-bottom: 0; }
.b-ligne dt { font-size: .86rem; color: var(--doux); }
.b-ligne dd { margin: 2px 0 0; font-weight: 700; color: var(--texte); }
.b-ligne dd ul { margin: 2px 0 0; padding-left: 20px; font-weight: 600; }
.b-ligne dd li { margin-bottom: 2px; }
.b-note-imprimee { display: none; margin-top: 18px; }          /* la copie du texte libre ne sert qu'à l'impression */
.b-note-label { display: block; font-weight: 700; margin-bottom: 6px; }
.b-note textarea { width: 100%; box-sizing: border-box; min-height: 110px; font: inherit; padding: 10px 12px; border: 2px solid var(--bord); border-radius: 12px; resize: vertical; }
.b-note textarea:focus-visible { outline: 3px solid var(--or); outline-offset: 2px; border-color: var(--p-clair); }
.b-note-aide { font-size: .82rem; color: var(--doux); margin-top: 6px; }
.b-preparer ul { padding-left: 20px; }
.b-preparer li { margin-bottom: 6px; }
.b-savoir details { border-top: 1px solid var(--bord); }
.b-savoir details:first-of-type { border-top: 0; }
.b-savoir summary { cursor: pointer; font-weight: 700; min-height: 48px; display: flex; align-items: center; }
.b-savoir summary::before { content: "▸"; display: inline-block; width: 1.1em; transition: transform .15s; }
.b-savoir details[open] summary::before { transform: rotate(90deg); }
.b-savoir details p { padding: 0 0 12px 1.1em; }
.b-mineur .aide-bloc { margin-top: 10px; }

@media (prefers-reduced-motion: reduce) {
  .b-savoir summary::before { transition: none; }
}

/* ── Impression « pour mon médecin » : le récapitulatif seul, sur une feuille propre ───────────── */
@media print {
  .entete-origine, .pied, #b-accueil, #b-questions, .fin-boutons, .aide-pays, .s-rien, .no-print, .aide-alerte, #b-aide-bas, .b-parler { display: none !important; }
  #b-resultat.ecran { padding: 0; max-width: none; }
  .b-feuille { box-shadow: none; border: 0; padding: 0; }
  .b-feuille h2 { font-size: 1.4rem; }
  .b-bloc, .b-ligne { break-inside: avoid; }
  .b-note-imprimee { display: block; border-top: 2px solid #000; padding-top: 8px; }
  .b-note-imprimee[data-vide] { display: none; }
}