/* =====================================================================
   v1-extra-home.css — règles spécifiques aux pages index + qui-sommes-nous
   Lié APRÈS v1-nav.css. N'édite pas v1.css / charte-2026.css / v1-nav.css.
   ===================================================================== */

/* --- Liste des 3 entités du groupe (qui-sommes-nous #groupe) --------- */
.v1-entities{
  margin-top:22px;
  display:grid;
  gap:18px;
}
.v1-entity-group{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius-lg);
  padding:18px 20px;
}
.v1-entity-group > .lbl{
  display:block;
  font-family:var(--font-head);
  font-weight:800;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c-yellow);
  margin-bottom:12px;
}
.v1-entity-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.v1-entity-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#fff;
}
.v1-entity-list .dot{
  flex:0 0 auto;
  width:9px;height:9px;
  margin-top:7px;
  border-radius:50%;
  background:var(--c-orange);
}
.v1-entity-list b{font-weight:800;color:#fff}
.v1-entity-list span{color:rgba(255,255,255,.78);font-size:.95rem}

/* --- Étapes Tessera™ (réutilisable index + futures pages) ------------ */
.v1-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:clamp(28px,4vw,44px);
}
.v1-step{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:22px 20px;
  box-shadow:var(--sh-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.v1-step:hover{
  transform:translateY(-4px);
  box-shadow:var(--sh-md);
  border-color:var(--c-orange);
}
.v1-step .num{
  display:inline-flex;
  align-items:center;justify-content:center;
  width:38px;height:38px;
  border-radius:12px;
  font-family:var(--font-head);font-weight:800;
  background:var(--tint-orange);color:var(--c-orange);
  margin-bottom:12px;
}
.v1-step h4{margin:0 0 6px;font-size:1.05rem}
.v1-step p{margin:0;color:var(--muted);font-size:.94rem}

@media (max-width:1023px){
  .v1-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .v1-steps{grid-template-columns:1fr}
}

/* --- Onglets « Nos trois pôles d’expertise » (index #poles) ---------- */
.v1-poles-hint{
  color:var(--muted);
  margin:6px 0 0;
  font-size:.98rem;
}
.v1-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:clamp(18px,2.5vw,26px) 0 clamp(22px,3vw,30px);
}
.v1-tab{
  appearance:none;
  cursor:pointer;
  font-family:var(--font-head);
  font-weight:800;
  font-size:.98rem;
  line-height:1;
  padding:14px 22px;
  min-height:44px;
  border-radius:999px;
  border:1.5px solid var(--line);
  background:#fff;
  color:var(--c-navy);
  transition:border-color .2s ease, color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
/* survol = couleur du pôle (variable --pole posée par les classes ci-dessous) */
.v1-tab:hover{
  border-color:var(--pole,var(--c-orange));
  color:var(--pole,var(--c-orange));
}
.v1-tab:focus-visible{
  outline:2px solid var(--pole,var(--c-orange));
  outline-offset:2px;
}
/* onglet actif = pilule pleine dans la COULEUR DU PÔLE (code couleur officiel ISO) */
.v1-tab[aria-selected="true"]{
  background:var(--pole,var(--c-orange));
  border-color:var(--pole,var(--c-orange));
  color:#fff;
  box-shadow:var(--sh-sm);
}
/* couleur par pôle — charte 2026 : Academy vert · Governance bleu · Elite jaune */
.v1-tab.v1-academy{--pole:var(--c-green)}
.v1-tab.v1-governance{--pole:var(--c-blue)}
.v1-tab.v1-elite{--pole:var(--c-navy)}   /* jaune peu lisible → navy premium */

/* panneaux : seul le panneau « show » est visible */
.v1-panel{display:none}
.v1-panel.show{display:block}
/* garantie : un panneau actif est toujours pleinement visible,
   même s'il porte .reveal (opacity:0) sans avoir reçu .in (jamais intersecté
   tant qu'il était hidden). Corrige les accrocheurs qui affichaient du vide. */
.v1-panel.show{opacity:1 !important;transform:none !important;animation:none !important}

/* --- Photo de la section « Former d’abord. Placer ensuite. » -------- */
/* la photo remplit sa colonne : plus de cadre blanc ni de padding autour */
.v1-split .visual{ padding:0 !important; background:transparent !important; box-shadow:none !important; }
.v1-split .visual picture{display:block; width:100%;}
.v1-split .visual img{
  width:100%;
  aspect-ratio:3/2;
  border-radius:20px;
  box-shadow:var(--sh-md);
  object-fit:cover;
}

/* ===== Bandeau CTA final : aplat orange uni, compact, sans motif ===== */
.v1-cta{ padding:clamp(26px,3.4vw,44px) !important; }
.v1-cta::before{ display:none !important; }   /* retire le motif pétales */

/* ===== Harmonisation : chaque panneau colore SES accents (titre déjà via .kick,
   cartes stats, bouton) dans la couleur de son pôle ===== */
#pole-academy{ --c-pole:var(--c-green); --tint-pole:var(--tint-green); }
#pole-gov{     --c-pole:var(--c-blue);  --tint-pole:var(--tint-blue);  }
#pole-elite{   --c-pole:var(--c-navy);  --tint-pole:var(--tint-navy);  }
/* le libellé « kick » (NSX Academy/…) prend aussi la couleur du pôle */
.v1-poledetails .kick{ color:var(--c-pole); font-weight:800; }