/* consent.css — bandeau de consentement léger, self-hosté (remplace Complianz).
   Couleurs alignées sur le design system (reseau-peinture.css) via variables,
   avec repli si le token n'est pas défini. Aucun asset externe. */
.rp-consent {
  position: fixed;
  z-index: 9999;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 560px;
  margin: 0 auto;
  background: var(--paper, #fff);
  color: var(--ink, #14231b);
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
  padding: 18px 20px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14.5px;
  line-height: 1.5;
}
.rp-consent[hidden] { display: none; }
.rp-consent__title { font-weight: 700; margin: 0 0 4px; font-size: 15.5px; }
.rp-consent__text { margin: 0 0 14px; color: var(--muted, #55645c); }
.rp-consent__text a { color: var(--green, #1e8e5a); }
.rp-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.rp-consent__btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 9px 16px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.rp-consent__btn--accept { background: var(--green, #1e8e5a); color: #fff; }
.rp-consent__btn--refuse { background: transparent; color: var(--ink, #14231b); border-color: rgba(0, 0, 0, .18); }
.rp-consent__btn:focus-visible { outline: 2px solid var(--green, #1e8e5a); outline-offset: 2px; }
@media (max-width: 520px) {
  .rp-consent__actions { flex-direction: column-reverse; }
  .rp-consent__btn { width: 100%; }
}