/* Cookie-informatie — compact, responsive en passend bij de portfolio-stijl. */
.cookie-consent {
  position:fixed;
  left:24px;
  right:24px;
  bottom:24px;
  width:min(720px, calc(100% - 48px));
  margin:0 auto;
  padding:22px 24px 20px;
  background:rgba(252,250,247,.98);
  border:1px solid rgba(78,93,75,.16);
  border-radius:26px;
  box-shadow:0 20px 55px rgba(63,68,63,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  z-index:9999;
  color:#3f443f;
}
.cookie-consent[hidden] { display:none !important; }
.cookie-consent__head { display:grid; grid-template-columns:40px minmax(0,1fr); gap:13px; align-items:start; }
.cookie-consent__icon { width:40px; height:40px; border-radius:13px; display:grid; place-items:center; background:#eef2ec; border:1px solid #dfe6dc; font-size:18px; line-height:1; }
.cookie-consent__title { margin:1px 0 5px; font-size:18px; line-height:1.3; font-weight:600; color:#4e5d4b; }
.cookie-consent__text { margin:0; color:#5f665d; font-size:14px; line-height:1.6; }
.cookie-consent__actions { display:flex; justify-content:flex-end; margin-top:16px; }
.cookie-consent button { appearance:none; border:0; font:inherit; font-size:14px; line-height:1.25; padding:11px 20px; border-radius:999px; cursor:pointer; transition:transform .18s ease, background .18s ease, color .18s ease; }
.cookie-consent button:hover { transform:translateY(-1px); }
.cookie-consent button:focus-visible, .cookie-settings-trigger:focus-visible { outline:3px solid #875746; outline-offset:3px; }
.cookie-consent__accept { background:#4e5d4b; color:#fff; }
.cookie-consent__accept:hover { background:#3f4b3d; }
.cookie-settings-trigger { position:fixed; right:18px; bottom:18px; width:52px; height:52px; border:1px solid rgba(78,93,75,.16); border-radius:50%; background:rgba(252,250,247,.97); color:#3f443f; box-shadow:0 8px 25px rgba(63,68,63,.13); display:none; place-items:center; z-index:9998; cursor:pointer; font-size:23px; }
.cookie-settings-trigger.is-visible { display:grid; }
.cookie-settings-trigger:hover { transform:translateY(-1px); }
@media(max-width:650px) {
  .cookie-consent { left:12px; right:12px; bottom:12px; width:auto; padding:18px 17px 16px; border-radius:22px; }
  .cookie-consent__head { grid-template-columns:34px minmax(0,1fr); gap:11px; }
  .cookie-consent__icon { width:34px; height:34px; border-radius:11px; }
  .cookie-consent__title { font-size:17px; }
  .cookie-consent__text { font-size:14px; }
  .cookie-consent__actions { margin-top:13px; }
  .cookie-settings-trigger { right:16px; bottom:16px; width:50px; height:50px; }
}
@media(prefers-reduced-motion:reduce) {
  .cookie-consent button, .cookie-settings-trigger { transition:none; }
}