/* ALSBA ACCUEIL CSS — v1.0.0 (05.10.2026)
   Feuille de la page d'accueil, reprise de sosba-accueil.css. Tokens, polices,
   header/footer et classes communes : alsba-global.css. */

/* ---------- hero ---------- */
.ab-hero{ padding:64px 0 84px; text-align:center; }
.ab-page img.ab-hero__logo{ width:min(440px, 100%); margin:0 auto; }
.ab-accueil .ab-hero h1{
  margin:40px auto 0; max-width:18ch;
  font:500 clamp(34px, 5.4vw, 58px)/1.08 var(--ab-font-display);
  color:var(--ab-creme);
}
.ab-hero p{ margin:18px auto 0; max-width:54ch; }
.ab-hero__actions{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:14px 28px; margin-top:32px;
}
.ab-accueil .ab-hero__link{
  color:var(--ab-lien-sur-nuit); text-decoration:none; font-size:14px;
  min-height:44px; display:inline-flex; align-items:center;
}
.ab-accueil .ab-hero__link:hover{ color:var(--ab-laiton-clair); }

/* ---------- famille ---------- */
.ab-card{ display:flex; flex-direction:column; }
.ab-card p.ab-card__sous{ margin:6px 0 0; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--ab-accent); }
.ab-tag{
  display:inline-block; margin-top:auto; padding-top:16px; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ab-encre-2);
}

/* ---------- 6P (bandeau sombre) ---------- */
.ab-6p .ab-eyebrow{ color:var(--ab-laiton); }
.ab-6p h2{ color:var(--ab-creme); }
.ab-6p p.ab-6p__intro{ margin:14px 0 0; max-width:60ch; }
.ab-6p .ab-grid3{ gap:28px 48px; }
.ab-6p .ab-grid3 > div{ border-top:1px solid rgba(184,151,90,.35); padding-top:16px; }
.ab-6p h3{ color:var(--ab-laiton-clair); }
.ab-6p .ab-grid3 p{ margin:8px 0 0; }

/* ---------- appel final ---------- */
.ab-cta{ padding-top:0; }
.ab-cta__box{ border-radius:4px; padding:48px 32px; text-align:center; }
.ab-cta__box h2{ color:var(--ab-creme); }
.ab-cta__box p{ margin:14px auto 0; max-width:52ch; }
.ab-cta .ab-hero__actions{ margin-top:26px; }
.ab-cta .ab-hero__link{ color:var(--ab-lien-sur-nuit); text-decoration:none; font-size:14px; min-height:44px; display:inline-flex; align-items:center; }

@media (max-width:760px){
  .ab-hero{ padding:48px 0 60px; }
  .ab-6p .ab-grid3{ gap:22px; }
  .ab-cta__box{ padding:36px 20px; }
}