/* ================================
   Cookie consent blocking layer
   ================================ */

/* Backdrop: blokkeert hele site */
.cookie-backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 1040; /* Bootstrap modal backdrop level */
  display: none;
}

/* Banner zelf boven backdrop */
.cookie-banner{
  z-index: 1050; /* boven backdrop */
}

/* Actieve state */
body.cookie-consent-open{
  overflow: hidden;
}

body.cookie-consent-open .cookie-backdrop{
  display: block;
}

/* Extra safety: niets achter de backdrop klikbaar */
body.cookie-consent-open > *:not(.cookie-banner):not(.cookie-backdrop){
  pointer-events: none;
}

/* =========================================
   Cookie consent: visual blocking layer
   ========================================= */

.cookie-backdrop{
  position: fixed;
  inset: 0;
  background:
    radial-gradient(
      circle at center,
      rgba(0,0,0,.55),
      rgba(0,0,0,.75)
    );
  z-index: 1040;
  opacity: 0;
  transition: opacity .25s ease;
}

/* Actieve state */
body.cookie-consent-open .cookie-backdrop{
  opacity: 1;
}

.cookie-banner{
  z-index: 1050;
  box-shadow:
    0 30px 90px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.35);
  backdrop-filter: blur(2px);
}

body.cookie-consent-open{
  overflow: hidden !important;
  height: 100vh;
  overscroll-behavior: none;
}

body.cookie-consent-open > *:not(.cookie-banner):not(.cookie-backdrop){
  pointer-events: none !important;
  user-select: none;
  filter: grayscale(.35) brightness(.75);
}