/* ============================================================
   dossier.css — Intégration du dossier client 2026-08-05
   Maquettes DA = rendu MOBILE (wrap 460px). Ici : mobile fidèle
   à la maquette, tablette/desktop déployés en multi-colonnes
   (audit graphique pt 2 : « côte à côte sur desktop »).
   Accents par pôle transposés en tokens locaux (pas de hex DA bruts
   hors de ce bloc) :
   ============================================================ */
:root{
  --pole-gk: var(--acid, #c8f94b);
  --pole-att: #ff8a3d;
  --pole-ath: #3db8ff;
  --pole-prep: #a374ff;
  --pole-rose: #ff4d8d;
}

/* ---------- 5 facteurs détaillés (fiches univers) ---------- */
.dfx-list{display:flex;flex-direction:column;gap:22px;margin-top:26px;}
.dfx{border:1px solid var(--line, #262626);background:var(--card, #101211);border-radius:16px;overflow:hidden;}
.dfx .dfx-img{position:relative;aspect-ratio:16/9;overflow:hidden;}
.dfx .dfx-img img{width:100%;height:100%;object-fit:cover;display:block;}
.dfx .dfx-num{position:absolute;top:12px;left:12px;font-family:var(--font-display,'Anton',sans-serif);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:rgba(7,9,8,.78);border:1px solid var(--line,#262626);padding:6px 10px;border-radius:999px;color:var(--accent-pole,var(--acid,#c8f94b));}
.dfx .dfx-body{padding:18px;}
.dfx h3{font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:21px;line-height:1.15;margin:0 0 8px;}
.dfx .dfx-tagline{color:var(--accent-pole,var(--acid,#c8f94b));font-style:italic;font-size:14.5px;margin:0 0 8px;}
.dfx .dfx-para{color:var(--muted,#9a9a95);font-size:14.5px;line-height:1.6;margin:0 0 12px;}
.dfx .dfx-tags{display:flex;flex-wrap:wrap;gap:7px;}
.dfx .dfx-tags span{font-size:11.5px;letter-spacing:.03em;border:1px solid var(--line,#262626);border-radius:999px;padding:5px 10px;color:var(--ink,#f4f7f2);background:rgba(255,255,255,.03);}
@media (min-width:820px){
  .dfx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;}
  .dfx:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
  .dfx:nth-child(even) .dfx-img{order:2;}
  .dfx .dfx-img{aspect-ratio:auto;min-height:260px;}
  .dfx .dfx-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;}
  .dfx h3{font-size:26px;}
}
@media (min-width:1200px){
  .dfx .dfx-body{padding:34px 40px;}
  .dfx h3{font-size:30px;}
  .dfx .dfx-para,.dfx .dfx-tagline{font-size:16px;}
}

/* ---------- Bloc « LS Academy en chiffres » ---------- */
.chiffres-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.chiffre{border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:14px;padding:18px 16px;text-align:center;}
.chiffre .n{font-family:var(--font-display,'Anton',sans-serif);font-size:30px;line-height:1;color:var(--acid,#c8f94b);}
.chiffre .l{margin-top:8px;font-size:12.5px;color:var(--muted,#9a9a95);line-height:1.45;}
@media (min-width:820px){
  .chiffres-grid{grid-template-columns:repeat(3,1fr);gap:16px;}
  .chiffre{padding:26px 20px;}
  .chiffre .n{font-size:40px;}
  .chiffre .l{font-size:13.5px;}
}
@media (min-width:1200px){
  .chiffres-grid.six{grid-template-columns:repeat(6,1fr);}
  .chiffres-grid.quatre{grid-template-columns:repeat(4,1fr);}
}

/* ---------- Carte coach dédié ---------- */
.coach-wrap{display:flex;justify-content:center;margin-top:26px;}
.coach-card{display:flex;gap:18px;align-items:center;border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:16px;padding:20px;max-width:640px;width:100%;}
.coach-card .avatar{flex:0 0 auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display,'Anton',sans-serif);font-size:24px;color:#070908;background:var(--accent-pole,var(--acid,#c8f94b));}
.coach-card .avatar.photo{overflow:hidden;border:2px solid var(--accent-pole,var(--acid,#c8f94b));background:#0d0f0e;}
.coach-card .avatar.photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.coach-card h4{margin:0 0 3px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:19px;}
.coach-card .role{color:var(--accent-pole,var(--acid,#c8f94b));font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;}
.coach-card p{margin:0;color:var(--muted,#9a9a95);font-size:14px;line-height:1.55;}
@media (min-width:820px){
  .coach-card{padding:26px 30px;}
  .coach-card .avatar{width:92px;height:92px;font-size:30px;}
}

/* ---------- Créneaux (cartes différenciées — audit pt 3) ---------- */
.creneaux-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
.creneau{position:relative;border:1px solid var(--line,#262626);border-left:4px solid var(--accent-slot,var(--acid,#c8f94b));background:var(--card,#101211);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;}
.creneau .top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.creneau .niveau{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#070908;background:var(--accent-slot,var(--acid,#c8f94b));border-radius:999px;padding:4px 10px;}
.creneau .mixte{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#9a9a95);border:1px solid var(--line,#262626);border-radius:999px;padding:4px 10px;}
.creneau h3{margin:2px 0 0;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:19px;}
.creneau .meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--ink,#f4f7f2);font-size:13.5px;}
.creneau .meta b{color:var(--accent-slot,var(--acid,#c8f94b));font-weight:600;}
.creneau .pub{color:var(--muted,#9a9a95);font-size:12.5px;}
.creneau .bas{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap;}
.creneau .tarif{font-size:13px;color:var(--ink,#f4f7f2);}
.creneau .tarif b{font-family:var(--font-display,'Anton',sans-serif);font-size:16px;color:var(--accent-slot,var(--acid,#c8f94b));}
@media (min-width:720px){.creneaux-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1120px){.creneaux-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}
.formules{margin-top:22px;border:1px dashed var(--line,#262626);border-radius:14px;padding:18px;}
.formules h4{margin:0 0 10px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:15px;color:var(--acid,#c8f94b);}
.formules .ligne{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,#262626);font-size:14px;}
.formules .ligne:last-of-type{border-bottom:0;}
.formules .prix{font-family:var(--font-display,'Anton',sans-serif);color:var(--acid,#c8f94b);white-space:nowrap;}
.formules p{margin:10px 0 0;font-size:12.5px;color:var(--muted,#9a9a95);}

/* ---------- Page Résultats ---------- */
.alumni-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px;}
.alum{border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:14px;overflow:hidden;}
.alum .ph{aspect-ratio:3/4;overflow:hidden;background:#0d0f0e;}
.alum .ph img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.alum .nm{padding:12px 12px 4px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:15px;line-height:1.2;}
.alum .club{padding:0 12px 14px;color:var(--acid,#c8f94b);font-size:12.5px;letter-spacing:.04em;}
@media (min-width:720px){.alumni-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}
@media (min-width:1120px){.alumni-grid{grid-template-columns:repeat(4,1fr);}.alum .nm{font-size:17px;}}
.res-band{border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:16px;overflow:hidden;margin-top:26px;}
.res-band img{width:100%;display:block;max-height:300px;object-fit:cover;object-position:center 25%;}
@media (min-width:900px){.res-band img{max-height:420px;}}
.parrain-flex{display:flex;flex-direction:column;gap:18px;margin-top:26px;border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:16px;overflow:hidden;}
.parrain-flex .ph{aspect-ratio:16/10;overflow:hidden;}
.parrain-flex .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.parrain-flex .tx{padding:0 18px 20px;}
.parrain-flex blockquote{margin:0;color:var(--ink,#f4f7f2);font-size:15.5px;line-height:1.6;font-style:italic;}
.parrain-flex .who{margin-top:10px;color:var(--acid,#c8f94b);font-size:13px;letter-spacing:.05em;text-transform:uppercase;}
@media (min-width:900px){
  .parrain-flex{flex-direction:row;align-items:stretch;}
  .parrain-flex .ph{flex:0 0 46%;aspect-ratio:auto;}
  .parrain-flex .tx{padding:30px;display:flex;flex-direction:column;justify-content:center;}
  .parrain-flex blockquote{font-size:18px;}
}

/* ---------- Calendrier des stages ---------- */
.tl{display:flex;flex-direction:column;gap:14px;margin-top:26px;}
.tl-card{display:flex;gap:16px;align-items:center;border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:14px;padding:16px;}
.tl-card .date-b{flex:0 0 auto;width:66px;height:66px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(200,249,75,.08);border:1px solid var(--acid,#c8f94b);}
.tl-card .date-b .d{font-family:var(--font-display,'Anton',sans-serif);font-size:19px;color:var(--acid,#c8f94b);line-height:1;}
.tl-card .date-b .m{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acid,#c8f94b);margin-top:3px;}
.tl-card h3{margin:0 0 4px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:18px;}
.tl-card .per{color:var(--muted,#9a9a95);font-size:13px;}
.tl-card .tag{margin-left:auto;flex:0 0 auto;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line,#262626);border-radius:999px;padding:5px 10px;color:var(--muted,#9a9a95);}
@media (min-width:900px){
  .tl{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  .tl-card{flex-direction:column;text-align:center;padding:22px 16px;gap:12px;}
  .tl-card .tag{margin-left:0;}
}
.infos-prat{margin-top:26px;display:grid;grid-template-columns:1fr;gap:12px;}
.infos-prat .ip{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.55;color:var(--ink,#f4f7f2);}
.infos-prat .ip .ico{flex:0 0 auto;color:var(--acid,#c8f94b);font-family:var(--font-display,'Anton',sans-serif);}
@media (min-width:820px){.infos-prat{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1200px){.infos-prat{grid-template-columns:repeat(3,1fr);}}

/* ---------- Galeries « ce que l'on travaille » ---------- */
.travaille-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px;}
.travaille-grid figure{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line,#262626);background:var(--card,#101211);}
.travaille-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.travaille-grid figcaption{padding:10px 12px;font-size:12.5px;color:var(--muted,#9a9a95);}
@media (min-width:820px){.travaille-grid{grid-template-columns:repeat(3,1fr);gap:14px;}}
@media (min-width:1200px){.travaille-grid{grid-template-columns:repeat(4,1fr);}}

/* ---------- Préparation & récupération ---------- */
.poles-grid{display:flex;flex-direction:column;gap:18px;margin-top:26px;}
.pole{border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:16px;overflow:hidden;border-top:3px solid var(--accent-pole,var(--pole-prep));}
.pole .ph{aspect-ratio:16/9;overflow:hidden;}
.pole .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.pole .bd{padding:18px;}
.pole .eyebrow3{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-pole,var(--pole-prep));margin-bottom:6px;}
.pole h3{margin:0 0 8px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:20px;}
.pole .tg{color:var(--accent-pole,var(--pole-prep));font-style:italic;font-size:14px;margin:0 0 8px;}
.pole p{margin:0 0 12px;color:var(--muted,#9a9a95);font-size:14px;line-height:1.6;}
.pole .dfx-tags{display:flex;flex-wrap:wrap;gap:7px;}
.pole .dfx-tags span{font-size:11.5px;border:1px solid var(--line,#262626);border-radius:999px;padding:5px 10px;color:var(--ink,#f4f7f2);}
@media (min-width:820px){.poles-grid{display:grid;grid-template-columns:repeat(2,1fr);}}
.materiel{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.materiel span{font-size:12.5px;border:1px solid var(--pole-prep);border-radius:999px;padding:7px 14px;color:var(--pole-prep);}

/* ---------- Athlétisme & Technique (cartes différenciées) ---------- */
.ath-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
.ath-card{border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:14px;overflow:hidden;border-top:3px solid var(--accent-card,var(--pole-ath));}
.ath-card .ph{aspect-ratio:16/9;overflow:hidden;}
.ath-card .ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ath-card .bd{padding:16px;}
.ath-card h3{margin:0 0 6px;font-family:var(--font-display,'Anton',sans-serif);text-transform:uppercase;font-size:17px;color:var(--accent-card,var(--pole-ath));}
.ath-card p{margin:0;color:var(--muted,#9a9a95);font-size:13.5px;line-height:1.55;}
@media (min-width:820px){.ath-grid{grid-template-columns:repeat(3,1fr);}}
@media (min-width:820px){.ath-grid.deux{grid-template-columns:repeat(2,1fr);}}

/* ---------- Miniatures d'ambiance sur cartes accueil (audit pt 1) ---------- */
.parcours-thumb{aspect-ratio:16/7;border-radius:12px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line,#262626);}
.parcours-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.sec-path:hover .parcours-thumb img{transform:scale(1.05);}
.sec-paths{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px;}
.sec-path{display:block;text-decoration:none;color:var(--ink,#f4f7f2);border:1px solid var(--line,#262626);background:var(--card,#101211);border-radius:16px;padding:16px;}
.sec-path .t{font-size:19px;text-transform:uppercase;margin-bottom:4px;}
.sec-path .d{color:var(--muted,#9a9a95);font-size:13.5px;line-height:1.5;margin:0 0 10px;}
.sec-path .go{color:var(--acid,#c8f94b);font-size:13px;font-weight:600;letter-spacing:.03em;}
@media (min-width:720px){.sec-paths{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1120px){.sec-paths{grid-template-columns:repeat(4,1fr);gap:18px;}}

/* ---------- Carte v2 sans photo : initiales stylées dans la zone art ---------- */
.fut .art.art-init{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.10), transparent 70%);}
.fut .art.art-init span{font-family:var(--font-display,'Anton',sans-serif);font-size:64px;letter-spacing:.04em;color:var(--c,#c8f94b);opacity:.85;text-shadow:0 0 30px var(--c,#c8f94b);}

/* ---------- Aération fiche univers sur desktop (audit pt 2) ---------- */
@media (min-width:900px){
  .univers-espace section{padding-block:34px;}
  .univers-espace .factors{max-width:none !important;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;}
}
