/* ============================================================
   PAGE CANDIDAT·ES
   ============================================================ */

/* ---- SECTION FICHES ---- */
#candidats { background: var(--noir); padding: 5rem 0; }

/* Grille de fiches */
.fiches-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.5rem; margin-top:2.5rem; }

/* Carte candidat·e */
.fiche { background:rgba(255,255,255,0.042); border:1px solid rgba(255,255,255,0.08); border-radius: var(--radius-card); overflow:hidden; display:flex; gap:0; flex-direction:column; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.fiche:hover { transform:translateY(-3px); border-color:rgba(var(--magenta-light-rgb),0.3); }
.fiche:focus { outline: 2px solid var(--magenta); }

/* Photo de la fiche — proportion 3/4 (portrait) */
/* Le dégradé est le fond par défaut quand il n'y a pas de photo */
.fiche-photo { width:100%; aspect-ratio:3/4; background:var(--gradient); display:flex; align-items:center; justify-content:center; font-family:var(--font-serif); font-style:italic; font-size:3.5rem; color:rgba(255,255,255,0.4); position:relative; }
/* Motif de points sur la photo placeholder */
.fiche-photo::after { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px); background-size:6px 6px; }

/* Corps texte de la fiche */
.fiche-body { padding:1.4rem; }
.fiche-name         { font-family:var(--font-spartan); font-weight:800; font-size:1.15rem; margin-bottom:0.18rem; }
.fiche-meta         { font-size:0.76rem; color:var(--magenta); font-weight:600; font-family:var(--font-spartan); letter-spacing:0.04em; margin-bottom:0.9rem; }
.fiche-section-label{ font-family:var(--font-spartan); font-weight:700; font-size:0.6rem; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.4); margin-bottom:0.25rem; margin-top:0.75rem; }
.fiche-luttes   { font-size:0.86rem; color:rgba(255,255,255,0.7); line-height:1.55; margin-bottom:0; }
.fiche-pourquoi { font-size:0.84rem; color:rgba(255,255,255,0.6); line-height:1.55; font-style:italic; }
.fiche-fun      { font-size:0.8rem; color:rgba(255,255,255,0.38); line-height:1.55; border-top:1px solid rgba(255,255,255,0.07); padding-top:0.75rem; margin-top:0.75rem; font-style:italic; }
.fiche-fun::before { content:'✦ '; color:var(--magenta); }

/* ---- SECTION REJOINDRE ---- */
#rejoindre { background:var(--surface); padding:5rem 0; }

/* Surcharge : paragraphe avec largeur maximale */
.rejoindre-inner p { max-width: 50ch; margin-left: auto; margin-right: auto; }
.rejoindre-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; position:relative; z-index:2; }