/* Formation IA, section « Conférences IA » : photos recalées, et la preuve en pied de section
   (la liste des écoles où l'on a pris la parole, puis leurs logos). Logos monochromes par défaut,
   ?logos=couleur pour les voir dans leurs couleurs officielles. */

/* ===== Les deux colonnes ===== */
[data-testid="section-conference"] .conf-card{gap:72px;align-items:center}
[data-testid="section-conference"] .conf-visual{padding-bottom:96px}
[data-testid="section-conference"] .conf-photo-second{width:46%;right:-20px;transform:none;border-width:6px;border-color:var(--z-bg-page)}
[data-testid="section-conference"] .conf-content h2{margin:14px 0 18px}
[data-testid="section-conference"] .conf-points{margin:22px 0 32px}

/* ===== La preuve, sur toute la largeur ===== */
.cf-preuve{
  --cf-logo:#ddd6c9; /* blanc cassé sur sombre */
  margin-top:96px;text-align:center
}
[data-theme=light] .cf-preuve{--cf-logo:#3a3732} /* gris foncé sur clair */

.cf-preuve-titre{
  display:flex;align-items:center;gap:20px;margin:0 0 18px;
  font:600 12px/1 var(--z-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--z-text-secondary)
}
.cf-preuve-titre::before,.cf-preuve-titre::after{content:"";flex:1;height:1px}
.cf-preuve-titre::before{background:linear-gradient(90deg,transparent,var(--z-border-strong))}
.cf-preuve-titre::after{background:linear-gradient(270deg,transparent,var(--z-border-strong))}

/* les noms : une ligne, séparés par un point or */
.cf-ecoles{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;row-gap:6px;
  margin:0;padding:0;list-style:none;
  font:400 21px/1.35 var(--z-font-serif);color:var(--z-text-primary)
}
.cf-ecoles li{white-space:nowrap}
.cf-ecoles li:not(:last-child)::after{
  content:"";display:inline-block;width:5px;height:5px;margin:0 16px;border-radius:50%;
  vertical-align:.3em;background:var(--z-accent)
}

/* les logos : six cases égales, même hauteur optique (hauteur réglée logo par logo, --h en px) */
.cf-logos{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;
  margin:28px 0 0;padding:0;list-style:none
}
.cf-logo{display:flex;align-items:center;justify-content:center;height:84px;padding:0 12px;min-width:0}
.cf-logo + .cf-logo{border-left:1px solid var(--z-border)}
.cf-logo-m{
  display:block;line-height:0;max-width:100%;
  background:var(--cf-logo);
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat
}
.cf-logo-m img{display:block;height:calc(var(--h) * 1px);width:auto;max-width:100%;object-fit:contain;opacity:0}
.cf-logo-m img.cf-c{display:none}

/* ===== Variante couleur : les logos officiels, chacun sur une carte claire ===== */
html.cf-couleur .cf-logos{gap:14px;border-top:0;padding-top:0}
html.cf-couleur .cf-logo{height:96px;border:1px solid var(--z-border);border-radius:14px;background:#fff}
html.cf-couleur .cf-logo + .cf-logo{border-left:1px solid var(--z-border)}
html.cf-couleur .cf-logo-m{background:none;-webkit-mask:none;mask:none}
html.cf-couleur .cf-logo-m img{opacity:1}
html.cf-couleur .cf-logo-m img.cf-m.cf-a-c{display:none}
html.cf-couleur .cf-logo-m img.cf-c{display:block}
html.cf-couleur:not([data-theme=light]) .cf-logo{border-color:transparent;background:#fff}

/* ===== Tablette ===== */
@media (max-width:1100px){
  .cf-ecoles{font-size:19px}
  .cf-ecoles li:not(:last-child)::after{margin:0 12px}
  .cf-logo{height:76px;padding:0 8px}
  .cf-logo-m img{height:calc(var(--h) * .86px)}
}
@media (max-width:960px){
  [data-testid="section-conference"] .conf-card{gap:44px}
  .cf-preuve{margin-top:64px}
  /* les noms passent sur plusieurs lignes : plus de points, un simple espace entre eux */
  .cf-ecoles{column-gap:20px;font-size:19px}
  .cf-ecoles li:not(:last-child)::after{content:none}
  .cf-logos{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}
  .cf-logo + .cf-logo{border-left:0}
  .cf-logo:nth-child(3n+2),.cf-logo:nth-child(3n+3){border-left:1px solid var(--z-border)}
  html.cf-couleur .cf-logos{gap:10px}
}
@media (max-width:600px){
  [data-testid="section-conference"] .conf-visual{padding-bottom:64px}
  [data-testid="section-conference"] .conf-photo-second{right:0;width:52%;border-width:4px}
  .cf-preuve{margin-top:56px}
  .cf-preuve-titre{gap:12px;font-size:11px;letter-spacing:.14em;margin-bottom:14px}
  .cf-ecoles{column-gap:16px;row-gap:4px;font-size:17px}
  /* deux colonnes : des logos assez grands pour rester lisibles */
  .cf-logos{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;padding-top:12px;row-gap:0}
  .cf-logo{height:72px;padding:0 10px}
  .cf-logo:nth-child(3n+2),.cf-logo:nth-child(3n+3){border-left:0}
  .cf-logo:nth-child(2n){border-left:1px solid var(--z-border)}
  .cf-logo:nth-child(n+3){border-top:1px solid var(--z-border)}
  .cf-logo-m img{height:calc(var(--h) * .8px)}
  html.cf-couleur .cf-logos{gap:8px;padding-top:0}
  html.cf-couleur .cf-logo{height:76px;border-radius:12px}
  html.cf-couleur .cf-logo:nth-child(n){border:1px solid var(--z-border)}
  html.cf-couleur:not([data-theme=light]) .cf-logo:nth-child(n){border-color:transparent}
}

/* ===== Sélecteur du labo ===== */
.cf-choix{position:fixed;right:12px;bottom:232px;z-index:1000;display:flex;gap:2px;padding:3px;border-radius:999px;background:#111;border:1px solid #3a3a3a;font:600 12px/1 var(--z-font-ui)}
.cf-choix span{padding:8px 6px 8px 10px;color:#6f6a60}
.cf-choix a{padding:8px 11px;border-radius:999px;color:#a9a398;text-decoration:none}
.cf-choix a[aria-current=page]{background:#f5b81e;color:#111}

/* 14/11, Enzo : logos monochromes retenus, plus de trait entre le titre et les logos (la liste des noms est retirée). */