/* ==========================================================================
   BLOC — Contrats d'assurance (`assurances`), sous les CGV (D153).

   ⚠️ AUCUNE SOURCE DANS LA MAQUETTE : ce bloc prolonge le texte légal et en reprend la grille et
   la typographie — `texte-legal.css` est chargé avec lui (PageLoaderTrait). Ce fichier ne porte
   que la section et la liste.
   ========================================================================== */

/* `section.` et non `.legal-assur` seul : `section[id]` (common.css) pèse plus lourd et
   rendrait 130 px de marge haute. */
section.legal-assur{ background:var(--creme); padding:0 0 clamp(64px,8vw,120px); }

/* Le texte légal au-dessus garde sinon toute sa marge basse : la liste paraîtrait détachée. */
.texte-legal:has(+ .legal-assur){ padding-bottom:clamp(8px,2vw,24px); }

.texte-legal__corps .legal-assur__liste{ list-style:none; padding:0; margin:0; }
.texte-legal__corps .legal-assur__item{
  display:flex; flex-direction:column; gap:2px;
  padding:14px 0; border-top:1px solid rgba(14,14,14,.12);
}
.texte-legal__corps .legal-assur__item + .legal-assur__item{ margin-top:0; }
.texte-legal__corps .legal-assur__item:last-child{ border-bottom:1px solid rgba(14,14,14,.12); }
.legal-assur__lien{ font-weight:600; }
.legal-assur__format{ font-weight:400; color:var(--noir-50); }
.legal-assur__descr{ font-size:var(--fs-small); color:var(--noir-50); }

@media (max-width:1024px){
  /* Une seule colonne : la cellule vide du sommaire ne doit pas laisser de blanc. */
  .legal-assur .texte-legal__grid > [aria-hidden="true"]{ display:none; }
}