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

/* plein écran par-dessus le conteneur Divi (le socle anti-Divi neutralise
   déjà les conteneurs ; ceci couvre le cas où le JS n'a pas encore tourné) */
.sb-accueil{ width:100%; }

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

/* ---------- sections ---------- */
.sb-section--flush{ padding-top:0; }
.sb-more{ margin:22px 0 0; }
.sb-accueil .sb-more a{ text-decoration:none; font-weight:500; }
.sb-accueil .sb-more a:hover{ text-decoration:underline; }

/* ---------- valeurs (bandeau sombre) ---------- */
.sb-valeurs .sb-eyebrow{ color:var(--sb-laiton); }
.sb-valeurs h2{ color:#E9EEEC; }
.sb-grid2{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:28px 48px; margin-top:32px;
}
.sb-grid2 > div{ border-top:1px solid rgba(184,151,90,.35); padding-top:16px; }
.sb-valeurs h3{ color:var(--sb-laiton-clair); }
.sb-grid2 p{ margin:8px 0 0; }

/* ---------- réalisations ---------- */
.sb-card{ display:flex; flex-direction:column; }
.sb-tag{
  display:inline-block; margin-top:14px; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--sb-encre-2);
}
.sb-accueil .sb-card__link{
  margin-top:auto; padding-top:14px; text-decoration:none; font-weight:500;
  min-height:44px; display:inline-flex; align-items:flex-end;
}
.sb-accueil .sb-card__link:hover{ text-decoration:underline; }

/* ---------- appel final ---------- */
.sb-cta{ padding-top:0; }
.sb-cta__box{ border-radius:4px; padding:48px 32px; text-align:center; }
.sb-cta__box h2{ color:#E9EEEC; }
.sb-cta__box p{ margin:14px auto 26px; max-width:52ch; }

@media (max-width:760px){
  .sb-hero{ padding:48px 0 60px; }
  .sb-grid2{ grid-template-columns:1fr; gap:22px; }
  .sb-cta__box{ padding:36px 20px; }
}