/*
 * Styles maison du thème (hors Copenhagen, pour ne pas gêner les montées upstream).
 * Chargé en fin de document_head.hbs.
 */

/***** Pages juridiques (templates/custom_pages) *****/

/* On rapproche le premier paragraphe du titre de la page */
.page-juridique .article-header {
  margin-bottom: 20px;
}

/* On aère les intertitres, que Copenhagen colle au paragraphe précédent */
.page-juridique .article-body :is(h2, h3, h4):not(:first-child) {
  margin-top: 1.5em;
}

/* On laisse défiler horizontalement le tableau sur mobile */
.page-juridique .tableau-defilant {
  overflow-x: auto;
  margin-bottom: 1.5em;
}

/* On encadre le tableau des traitements */
.page-juridique table {
  border-collapse: collapse;
  min-width: 600px;
  width: 100%;
}
.page-juridique th,
.page-juridique td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: start;
  vertical-align: top;
}
.page-juridique th {
  background-color: #f5f5f5;
}

/* On empêche les formulaires RGPD de déborder sur mobile */
.page-juridique .formulaire-rgpd {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5em;
}