/* ============================================================
   PCG — cookie consent banner (injected by js/pcg-consent.js)

   A bar, not a wall: it never blocks the page, never dims it, and the
   site is fully usable while it is open — a consent that is coerced by
   an overlay is not a valid consent. It sits above the WhatsApp dock
   and the CTA dock in the stacking order because it is the one element
   the visitor is legally entitled to deal with first.

   Both buttons are the same size and weight class on purpose. The
   accept button carries the gold fill because it is an affirmative
   action, but refuse is a full, equal button — never a text link.
   ============================================================ */
.consent{
  position:fixed;
  inset-inline:0;
  bottom:0;
  z-index:80; /* above .cta-dock (which yields via its own keep-out) */
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:14px 26px;
  padding:16px clamp(16px,4vw,40px);
  padding-bottom:max(16px, env(safe-area-inset-bottom));
  background:var(--houtskool,#141312);
  color:var(--creme-d,#F4ECD8);
  border-top:1px solid rgba(201,161,74,.34);
  box-shadow:0 -18px 50px -30px rgba(0,0,0,.8);
}
.consent__txt{
  margin:0;
  max-width:62ch;
  font-size:var(--fs-fine,13.5px);
  line-height:1.55;
}
.consent__link{color:var(--champagne,#E6CF8F);text-underline-offset:3px}
.consent__row{display:flex;gap:10px;flex-shrink:0}
.consent__btn{
  font-family:inherit;
  font-size:var(--fs-fine,13.5px);
  font-weight:600;
  letter-spacing:.04em;
  padding:11px 20px;
  min-height:44px; /* a legal control gets the full touch minimum everywhere */
  border:1px solid rgba(201,161,74,.5);
  border-radius:4px;
  background:transparent;
  color:var(--creme-d,#F4ECD8);
  cursor:pointer;
  transition:background-color .3s var(--ease),color .3s var(--ease);
}
.consent__btn:hover{background:rgba(201,161,74,.12)}
.consent__btn--accept{
  background:var(--gold-grad,#C9A14A);
  border-color:transparent;
  color:var(--ink-on-gold,#0B0B0C);
}
.consent__btn--accept:hover{filter:brightness(1.06);background:var(--gold-grad,#C9A14A)}

@media (max-width:560px){
  .consent{flex-direction:column;align-items:stretch;text-align:center}
  .consent__row{justify-content:stretch}
  .consent__btn{flex:1}
}

@media (forced-colors:active){
  .consent{border-top:1px solid CanvasText}
  .consent__btn{border:1px solid ButtonBorder}
}