/* accueil — peaufinage 24/09
 * Lot A (Mathias) : remplace la frise numerotee 1-4 "Le chemin, une etape a la fois"
 * (id="chemin", vignettes carrees 88px) par une grille editoriale de rubriques en
 * grandes cartes image. Prefixe .sd-rub- pour ne rien deborder sur les autres sections
 * de l'accueil (deja stylees par style.css) ni sur les autres lots du chantier.
 * Tokens repris de style.css : --accent, --surf, --filet, --rayon (22px), --ombre, --doux. */

/* 25/09 — Lot A correction (header.php/footer.php partages, toutes les pages) :
 * le rail passe de 4 a 7 rubriques avec des libelles courts (header.php). Sur ecran
 * large seulement (le burger mobile prend le relais des 760px, ou style.css donne
 * deja des cibles tactiles 44px+ qu'on ne touche pas ici) : gagner la place que
 * liberait aussi le retrait du sous-titre tronque du header (sd-marque-base supprime
 * du DOM dans header.php, plus besoin de la regle display:none de style.css). */
@media (min-width:761px){
  .sd-rail-liste{ gap:.05rem; }
  .sd-rail a{ padding:.5rem .55rem; font-size:14.5px; }
}

.sd-rub-grille{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.7rem;
}

.sd-rub-carte{
  display:flex;
  flex-direction:column;
  background:var(--fond);
  border-radius:var(--rayon);
  box-shadow:var(--ombre);
  overflow:hidden;
  transition:box-shadow .2s ease, transform .2s ease;
}
.sd-rub-carte:hover{
  box-shadow:var(--ombre-f);
  transform:translateY(-3px);
}

/* la photo : pleine largeur de carte, jamais une vignette carree minuscule */
.sd-rub-img{
  display:block;
  aspect-ratio:3/2;
  background:var(--surf);
}
.sd-rub-img img,
.sd-rub-img .jr-plaque{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
  aspect-ratio:3/2;
}
.sd-rub-img .jr-plaque{
  font-size:64px;
  aspect-ratio:3/2;
}

.sd-rub-corps{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:1.5rem 1.6rem 1.6rem;
}

.sd-rub-titre{
  font-size:22px;
  line-height:1.25;
}
.sd-rub-titre a:hover{
  color:var(--accent-txt);
}

.sd-rub-chapo{
  margin-top:.5rem;
}

/* les 2-3 derniers titres de la rubrique : une liste sobre, jamais un pave */
.sd-rub-liste{
  display:grid;
  gap:.55rem;
  margin-top:1.1rem;
  padding-top:1.1rem;
  border-top:1px solid var(--filet);
}
.sd-rub-liste li{
  font-size:15px;
  line-height:1.45;
}
.sd-rub-liste a{
  color:var(--encre);
  font-weight:500;
}
.sd-rub-liste a:hover{
  color:var(--accent-txt);
  text-decoration-color:var(--accent);
}

/* le pied reste toujours colle au bas de la carte : le nombre de titres (2 ou 3) varie
   selon ce qui est reellement publie dans la rubrique, jamais de hauteur bricolee. */
.sd-rub-pied{
  margin-top:auto;
  padding-top:1.2rem;
}
.sd-rub-pied a{
  font-family:var(--courant);
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.03em;
  color:var(--accent-txt);
}
.sd-rub-pied a:hover{
  text-decoration-color:var(--accent);
}

@media (max-width:1080px){
  .sd-rub-grille{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .sd-rub-grille{
    grid-template-columns:1fr;
    gap:1.4rem;
  }
  .sd-rub-corps{
    padding:1.3rem 1.4rem 1.4rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .sd-rub-carte{
    transition:none;
  }
  .sd-rub-carte:hover{
    transform:none;
  }
}

/* 24/09 soir — « Dernières lectures » de l'accueil : grande image en tête, texte court (même famille que les cartes de rubrique) */
body.home .sd-grille .sd-carte{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
body.home .sd-grille .sd-carte-img{width:100%;aspect-ratio:3/2;overflow:hidden}
body.home .sd-grille .sd-carte-img img,body.home .sd-grille .sd-carte-img .jr-plaque{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
body.home .sd-grille .sd-carte-txt{padding:1.15rem 1.3rem 1.35rem}
body.home .sd-grille .sd-chapo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.home .sd-grille .sd-meta{white-space:nowrap}
@media (max-width:640px){body.home .sd-grille .sd-carte{grid-template-columns:none}body.home .sd-grille .sd-carte-img img{width:100%;height:100%}}