/* =============================================================================
   GRAAL ARENA — css/pages-juridiques.css
   -----------------------------------------------------------------------------
   Rôle : mise en page commune aux 3 pages juridiques (mentions légales,
          confidentialité, règlement du jeu concours). Classes préfixées
          .page-juridique
   Dépend de : variables et composants de base.css (.conteneur, .btn,
               .titre-section__surtitre, .lien-evitement)
   ============================================================================= */

/* Fond : blanc, comme l'accueil */
body.page-juridique { background: var(--c-fond); }

.page-juridique__entete {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--c-trait);
}
.page-juridique__entete-interieur {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--e-4);
  min-height: var(--hauteur-entete);
}
.page-juridique__logo img { height: 32px; width: auto; }
.page-juridique__retour { min-height: 44px; font-size: var(--t-xs); white-space: nowrap; }
.page-juridique__retour-suite { margin-left: calc(-1 * var(--e-3)); }   /* « Retour à l'accueil » sans trou au milieu */
@media (max-width: 479px) {
  .page-juridique__logo img { height: 26px; }
  .page-juridique__retour-suite { display: none; }
}

.page-juridique__contenu {
  max-width: calc(820px + 2 * var(--gouttiere));
  padding-block: var(--e-8) var(--e-section);
}
.page-juridique__contenu h1 { font-size: clamp(2.4rem, 1.6rem + 3.5vw, 4.25rem); margin-bottom: var(--e-5); }
.page-juridique__maj { color: var(--c-texte-doux); font-size: var(--t-s); }

.page-juridique__sommaire {
  margin: var(--e-7) 0;
  padding: var(--e-5) var(--e-6);
  background: var(--c-ivoire);
  border: 0;
  border-radius: var(--r-l);
}
.page-juridique__sommaire h2 { font-family: var(--police); color: var(--c-texte-doux); font-size: var(--t-xs); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-texte-doux); margin-bottom: var(--e-4); }
.page-juridique__sommaire ol { margin: 0; padding-left: 1.25rem; columns: 2 240px; column-gap: var(--e-6); }
.page-juridique__sommaire li { margin-bottom: var(--e-2); break-inside: avoid; }

.page-juridique__contenu section { margin-top: var(--e-8); }
.page-juridique__contenu section h2 {
  font-size: var(--t-xl);
  letter-spacing: -0.02em;
  line-height: 1.2;
  padding-bottom: var(--e-3);
  border-bottom: 1px solid var(--c-trait-fort);
  margin-bottom: var(--e-5);
}
.page-juridique__contenu h3 { font-size: var(--t-l); margin-top: var(--e-5); }
.page-juridique__contenu ul,
.page-juridique__contenu ol { padding-left: 1.25rem; margin: 0 0 var(--e-4); }
.page-juridique__contenu li { margin-bottom: var(--e-2); }

.page-juridique__fiche {
  display: grid;
  grid-template-columns: minmax(150px, max-content) 1fr;
  gap: var(--e-3) var(--e-5);
  margin: 0 0 var(--e-4);
  padding: var(--e-5);
  background: var(--c-ivoire);
  border: 0;
  border-radius: var(--r-m);
}
.page-juridique__fiche dt { font-weight: 500; }
.page-juridique__fiche dd { margin: 0; color: var(--c-texte-doux); }
@media (max-width: 539px) {
  .page-juridique__fiche { grid-template-columns: 1fr; gap: var(--e-1); }
  .page-juridique__fiche dd { margin-bottom: var(--e-3); }
}

.page-juridique__defilement { overflow-x: auto; }
.page-juridique__tableau { width: 100%; border-collapse: collapse; margin-bottom: var(--e-4); font-size: var(--t-s); }
.page-juridique__tableau th,
.page-juridique__tableau td { padding: var(--e-3); border-bottom: 1px solid var(--c-trait-fort); text-align: left; vertical-align: top; }
.page-juridique__tableau thead th { font-size: var(--t-xs); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-texte-doux); }
.page-juridique__tableau tbody th { font-weight: 500; }

.page-juridique__encart {
  padding: var(--e-5);
  background: var(--c-ivoire);
  border: 0;
  border-left: 3px solid var(--c-or);
  border-radius: var(--r-m);
}

/* Champs à compléter : très visibles (à supprimer une fois remplis) */
.a-completer {
  display: inline;
  padding: 0.05em 0.4em;
  border-radius: 4px;
  background: #ffe08a;
  color: #3d2c00;
  font-weight: 600;
  font-style: normal;
}

.page-juridique__pied {
  padding-block: var(--e-6);
  background: var(--c-ivoire);
  border-top: 1px solid var(--c-trait);
  font-size: var(--t-s);
  color: var(--c-texte-doux);
}
.page-juridique__pied .conteneur { display: flex; flex-wrap: wrap; gap: var(--e-3) var(--e-6); justify-content: space-between; }
.page-juridique__pied ul { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); margin: 0; padding: 0; list-style: none; }
.page-juridique__pied a { color: var(--c-texte); }
.page-juridique__pied a[aria-current="page"] { color: var(--c-em); }
.page-juridique__pied p { margin: 0; }

@media print {
  .page-juridique__entete, .page-juridique__pied, .lien-evitement { display: none; }
}