/* dd-consent-pixel.css | banner in de huisstijl van dopamine-detox.nl
   Gebruikt de variabelen uit /dd-refresh.css, met vaste fallbacks. */
.ddc{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;
  padding:0 16px 16px;pointer-events:none;opacity:0;transform:translateY(12px);
  transition:opacity .25s ease,transform .25s cubic-bezier(.2,.8,.3,1)}
.ddc[hidden]{display:none}
.ddc.ddc-on{opacity:1;transform:none}
.ddc-card{pointer-events:auto;width:100%;max-width:560px;box-sizing:border-box;
  background:var(--panel,#FBFBFA);color:var(--ink,#15202B);
  border:1px solid var(--rule-2,rgba(21,32,43,.18));border-top:3px solid var(--red,#E25B2A);
  border-radius:18px;padding:22px 24px 18px;
  box-shadow:0 24px 60px -28px rgba(21,32,43,.45);
  font-family:Figtree,system-ui,sans-serif;font-size:15px;line-height:1.55}
.ddc-title{font-family:Cocon,Figtree,system-ui,sans-serif;font-weight:400;font-size:20px;
  line-height:1.2;letter-spacing:-.02em;margin:0 0 8px}
.ddc-text{margin:0 0 16px;color:var(--soft,#3D4A58)}
.ddc-text a{color:var(--ink,#15202B);text-decoration:underline;text-underline-offset:2px}
.ddc-text a:hover{color:var(--red,#E25B2A)}
.ddc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* Gelijkwaardig: beide knoppen exact dezelfde stijl en grootte */
.ddc-btn{appearance:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:15.5px;
  padding:13px 18px;border-radius:999px;border:1px solid var(--ink,#15202B);
  background:var(--ink,#15202B);color:var(--paper,#F6F5F2);
  transition:background .16s,border-color .16s,color .16s}
.ddc-btn:hover{background:var(--red,#E25B2A);border-color:var(--red,#E25B2A);color:#fff}
.ddc-btn:focus-visible{outline:2px solid var(--red,#E25B2A);outline-offset:3px}
.ddc-small{margin:12px 0 0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;
  color:var(--faint,#6A7582);line-height:1.45}
@media(max-width:480px){.ddc{padding:0 10px 10px}.ddc-card{padding:18px 18px 14px}
  .ddc-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ddc{transition:none}}
@media print{.ddc{display:none!important}}