/* -----------------------------------------------------------------------------
   Bloc RGPD des formulaires du site : case d'attestation (au-dessus du bouton)
   et mention d'information à deux niveaux (résumé + « En savoir plus »), sous
   le bouton. Chargé sur toutes les pages à formulaire, après consent.css.
   Le texte de la case est versionné côté serveur : php/rgpd-ack.php.
   Les couleurs passent par les tokens de majors-light.css, redéfinis en mode
   sombre ([data-bs-theme="dark"]), avec un repli clair.
   ----------------------------------------------------------------------------- */

.rgpd-ack {
  margin: 4px 0 14px;
  text-align: left;
}

.rgpd-ack-label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 0;
  font-size: .9rem;
  line-height: 1.55;
  color: var(--majors-ink-soft, #4a4a5c);
  cursor: pointer;
}

.rgpd-ack-label input[type="checkbox"] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--majors-violet, #7A4DFF);
  cursor: pointer;
}

.rgpd-ack-label input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--majors-violet, #7A4DFF);
  outline-offset: 2px;
}

.rgpd-ack-label a {
  color: var(--majors-violet, #7A4DFF);
  text-decoration: underline;
}

/* Mention d'information : 13 px environ, contraste AA sur fond clair et sombre. */
.rgpd-notice {
  margin-top: 14px;
  text-align: left;
  font-size: .82rem;
  line-height: 1.6;
  color: var(--majors-muted, #6b7280);
}

.rgpd-notice p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.rgpd-notice a {
  color: var(--majors-violet, #7A4DFF);
}

/* Second niveau : <details> natif, ouvrable au clavier, lu par les lecteurs
   d'écran même replié, fonctionne sans JavaScript. */
.rgpd-details {
  margin-top: 6px;
}

.rgpd-details summary {
  display: inline-block;
  cursor: pointer;
  color: var(--majors-violet, #7A4DFF);
  font-weight: 600;
  list-style: none;
}

.rgpd-details summary::-webkit-details-marker {
  display: none;
}

.rgpd-details summary::after {
  content: " \25BE"; /* ▾ */
}

.rgpd-details[open] summary::after {
  content: " \25B4"; /* ▴ */
}

.rgpd-details p {
  margin-top: 6px;
}

/* Gabarit « contact-form » du thème (contact-cgp, presse-media) : style.css impose
   « #contacts-2 .contact-form .col-md-12 span » et « #contacts-2 .contact-form p »
   (17 px, interligne nul). On reprend la main avec une spécificité supérieure. */
#contacts-2 .contact-form .rgpd-ack .rgpd-ack-label span,
.contact-form .rgpd-ack .rgpd-ack-label span {
  display: inline;
  font-size: .9rem;
  line-height: 1.55;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}

#contacts-2 .contact-form .rgpd-notice p,
.contact-form .rgpd-notice p {
  font-size: .82rem;
  line-height: 1.6;
  font-weight: 400;
  margin: 0;
  padding: 0;
  color: inherit;
}

#contacts-2 .contact-form .rgpd-notice .rgpd-details p {
  margin-top: 6px;
}

/* Mode sombre : les violets passent en lavande pour garder le contraste. */
[data-bs-theme="dark"] .rgpd-ack-label a,
[data-bs-theme="dark"] .rgpd-notice a,
[data-bs-theme="dark"] .rgpd-details summary {
  color: #C9B4FF;
}