/* cmp.css — surcouche thème homelab pour Orestbida CookieConsent v3
   Neutre + pilotable par --cmp-accent (défini par site sur :root). Dark/light auto.
   Conformité : Accepter / Refuser au MÊME poids visuel (aucun bouton "accent" proéminent). */

:root {
  --cmp-accent: #2d6cdf;          /* surchargé par site (ex. oliviacauvin #b0592c) */
  --cmp-btn-bg: #f1f3f5;
  --cmp-btn-border: #c7ccd2;
  --cmp-btn-fg: #1a1d21;
  --cmp-btn-hover: #e6e9ec;
}
@media (prefers-color-scheme: dark) {
  :root {
    --cmp-btn-bg: #262b32;
    --cmp-btn-border: #3a4048;
    --cmp-btn-fg: #e8ebee;
    --cmp-btn-hover: #2f353d;
  }
}

/* Palette Orestbida (--cc-*) mappée sur notre thème */
#cc-main {
  --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --cc-btn-border-radius: 10px;
  --cc-modal-border-radius: 14px;
  --cc-link-color: var(--cmp-accent);
  --cc-toggle-on-bg: var(--cmp-accent);
  --cc-toggle-readonly-bg: var(--cmp-btn-border);
}

/* === Poids visuel STRICTEMENT égal : accept ET reject = même style neutre === */
#cc-main .cm__btn,
#cc-main .pm__btn {
  background: var(--cmp-btn-bg) !important;
  color: var(--cmp-btn-fg) !important;
  border: 1px solid var(--cmp-btn-border) !important;
  font-weight: 600 !important;
  transition: background .12s ease;
}
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  background: var(--cmp-btn-hover) !important;
}
/* Le bouton "Personnaliser" reste discret (lien), sans casser l'égalité accept/reject */
#cc-main .cm__btn--secondary[data-role="show"],
#cc-main .cm__btn[data-role="show"] {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--cmp-accent) !important;
  text-decoration: underline;
  font-weight: 500 !important;
}

/* === Bouton de révocation flottant persistant === */
.cmp-revoke {
  position: fixed; left: 16px; bottom: 16px; z-index: 20;
  width: 46px; height: 46px; border-radius: 50%;
  background: #fff; color: #1a1d21;
  border: 1px solid #c7ccd2; box-shadow: 0 6px 20px rgba(0,0,0,.18);
  cursor: pointer; font-size: 20px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
}
@media (prefers-color-scheme: dark) {
  .cmp-revoke { background: #1c1f24; color: #e8ebee; border-color: #3a4048; }
}
.cmp-revoke:hover { filter: brightness(.96); }