/* ===== Organigramme interactif — l'équipe pluridisciplinaire autour du médecin =====
   Extrait de `proto-organigramme-interactif.html` (chantier n°11) pour que le thème
   WordPress puisse le charger : inline dans la page, ce CSS était inaccessible.
   ⚠️ Fichier de PREVIEW. Le thème en détient une copie octet pour octet
   (`wp-poc/mist-child/assets/`) — garde-fou n°5. Modifier ici d'abord. */
/* ===== Proto organigramme interactif — demi-cercle rond, tailles fluides (cqw) ===== */
.org-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}

/* --- MOBILE d'abord : disposition fluide (flex wrap) --- */
.org-stage{position:relative;display:flex;flex-wrap:wrap;gap:14px 12px;justify-content:center;align-items:center;
  background:#EAE7F5;border-radius:var(--r-xl);padding:24px 14px}
.org-dome,.org-bracket{display:none}
.org-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;width:30%;max-width:112px;background:none;border:none;padding:0;cursor:pointer;text-align:center;font-family:var(--display)}
.org-node.org-center{order:-1;width:100%}
/* seuls les cercles + libellés captent le clic (zones transparentes laissent passer) */
.org-node{pointer-events:none}
.org-bubble,.org-label{pointer-events:auto}
.org-bubble{position:relative;display:grid;place-items:center;border-radius:50%;overflow:hidden;aspect-ratio:1;transition:transform .16s,box-shadow .16s}
.org-bubble img{width:100%;height:100%;object-fit:cover;display:block}
.org-txt .org-bubble{background:radial-gradient(circle at 38% 30%,#4A55A0,#2E3A78);color:#fff;
  box-shadow:0 0 0 2.5px #fff,0 0 0 4px rgba(62,73,130,.42),var(--shadow-soft);
  line-height:1.06;font-weight:800;font-size:9px;letter-spacing:.02em;text-transform:uppercase;padding:7px}
.org-txt.is-soft .org-bubble{background:radial-gradient(circle at 38% 30%,#DAD4F2,#B3A9DA);color:var(--blue-deep);
  box-shadow:0 0 0 2.5px #fff,0 0 0 4px rgba(166,157,205,.55),var(--shadow-soft)}
.org-center .org-bubble,.org-bottom .org-bubble{background:#fff;
  box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px rgba(166,157,205,.5),var(--shadow-soft)}
.org-node .org-bubble{width:74px}
.org-center .org-bubble{width:108px}
.org-txt .org-bubble{width:88px}
.org-label{font-weight:700;font-size:10.5px;color:var(--ink-soft);line-height:1.18}
.org-txt .org-label{display:none}
.org-bubble:hover,.org-node:focus-visible .org-bubble{transform:scale(1.07);outline:none}
.org-node.is-active .org-bubble{box-shadow:0 0 0 3px var(--orange),var(--shadow-accent)!important}
.org-node.is-active .org-label{color:var(--blue)}

/* --- DESKTOP : demi-cercle rond (SVG dome) + bulles sur l'arc, tout en cqw --- */
@media(min-width:901px){
  .org-stage{display:block;position:relative;aspect-ratio:1.3/1;padding:0;overflow:visible;container-type:inline-size;background:none}
  /* dome = demi-disque violet UNI + trait d'arc (rond car boîte 2:1 = viewBox 2:1) ; centre du cercle sur la barre (60% H), R = 32.5cqw */
  .org-dome{display:block;position:absolute;left:47%;transform:translateX(-50%);top:calc(60% - 34cqw);width:68cqw;height:34cqw;z-index:0}
  .org-node{position:absolute;transform:translate(-50%,-50%);width:auto;max-width:none;margin:0;z-index:2;gap:0.55cqw}
  .org-node .org-bubble{width:11.5cqw}
  .org-center .org-bubble{width:17.5cqw}
  .org-bottom .org-bubble{width:12.5cqw}
  .org-txt .org-bubble{width:11.5cqw;font-size:1.36cqw;padding:0.6cqw}
  .org-node .org-label{position:absolute;top:calc(100% + 0.45cqw);left:50%;transform:translateX(-50%);width:13.5cqw;font-size:1.4cqw;line-height:1.15}
  .org-center .org-label{width:16cqw;font-size:1.52cqw}
  /* bulles posées sur l'arc du demi-cercle (centre 47% / 60%, R 32.5cqw) */
  .n-aa-soc{left:calc(47% - 34cqw);top:calc(60% - 0.6cqw)}
  .n-cons-soc{left:calc(47% - 30.8cqw);top:calc(60% - 14.4cqw)}
  .n-tech-soc{left:calc(47% - 22.3cqw);top:calc(60% - 25.7cqw)}
  .n-tox{left:calc(47% - 9.4cqw);top:calc(60% - 32.7cqw)}
  .n-ergo{left:calc(47% + 9.4cqw);top:calc(60% - 32.7cqw)}
  .n-psy{left:calc(47% + 22.3cqw);top:calc(60% - 25.7cqw)}
  .n-aa-prev{left:calc(47% + 30.8cqw);top:calc(60% - 14.4cqw)}
  /* médecin rehaussé, au centre du demi-cercle */
  .org-center{left:44%;top:calc(60% - 14cqw)}
  /* rangée du bas alignée sur la barre (juste sous le diamètre 60%) */
  .n-b1{left:20%;top:calc(60% + 12cqw)}
  .n-b2{left:38%;top:calc(60% + 12cqw)}
  .n-b3{left:56%;top:calc(60% + 12cqw)}
  .n-b4{left:74%;top:calc(60% + 12cqw)}
  /* libellés */
  .org-bracket{display:block;position:absolute;z-index:3;font-family:var(--display);font-weight:800;font-size:1.32cqw;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);line-height:1.28}
  .br-social{left:calc(47% - 24cqw);top:calc(60% - 15cqw);transform:translate(-50%,-50%) rotate(-52deg);white-space:nowrap;color:var(--blue-soft)}
  .br-prev{left:88%;top:calc(60% - 13cqw);width:12cqw;border-left:0.34cqw solid var(--blue-pale);padding-left:0.9cqw}
  .br-sect{left:89%;top:calc(60% + 12cqw);width:11cqw;border-left:0.34cqw solid var(--blue-pale);padding-left:0.9cqw}
}

/* Encart (mis à jour au clic) */
.org-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-med);padding:clamp(24px,3vw,40px)}
.org-card h3{font-size:clamp(23px,2.6vw,31px);margin:12px 0 20px;font-family:var(--display);font-weight:800;color:var(--ink);line-height:1.1}
.org-bullets{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:15px}
.org-bullets li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-soft);line-height:1.5}
.org-bullets .ck{width:24px;height:24px;border-radius:50%;background:var(--green-pale);color:#2f7d54;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.org-bullets .ck svg{width:14px;height:14px}
.org-bullets strong{color:var(--ink);font-weight:800}
.org-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.org-grid{grid-template-columns:1fr;gap:22px}}