/* 99-toestemming.css — de cookiemelding linksonder (inc/tb-toestemming.php, 2026-10-30).
 *
 * Een kaart, geen balk over de hele breedte: hij staat de pagina niet in de weg. Boven het feedbackknopje
 * (z-index 90), onder de mobiele lade en de fotolightbox. Weigeren en Accepteren zijn even groot.
 * `[hidden]` expliciet: `hidden` alleen verliest van `display:flex` (hidden-attribuut-valkuil). */

.tb-cookie{
  position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:95;
  width:400px;max-width:calc(100vw - 40px);
  display:flex;flex-direction:column;gap:10px;
  padding:20px;
  background:var(--tb-surface);color:var(--tb-body);
  border:1px solid var(--tb-line);border-radius:var(--tb-r-card);
  box-shadow:var(--tb-lift), 0 4px 18px rgba(20,26,51,.08);
  font-family:var(--tb-sans);
}
.tb-cookie[hidden]{display:none;}

.tb-cookie .tb-cookie-titel{margin:0;font:600 18px/1.3 var(--tb-serif);color:var(--tb-ink);}
.tb-cookie .tb-cookie-tekst{margin:0;font:400 14.5px/1.5 var(--tb-sans);color:var(--tb-body);}
.tb-cookie .tb-cookie-tekst a{
  color:var(--tb-accent-text);text-decoration:underline;text-underline-offset:3px;
}

.tb-cookie-knoppen{display:flex;gap:10px;margin-top:4px;}
.tb-cookie .tb-cookie-knop{
  flex:1 1 0;height:var(--tb-h-ctrl-sm);min-height:0;padding:0 16px;margin:0;
  border-radius:var(--tb-r-ctrl);font:700 14.5px/1 var(--tb-sans);cursor:pointer;
}
.tb-cookie .tb-cookie-nee{background:var(--tb-surface);color:var(--tb-ink);border:1px solid var(--tb-border-strong);}
.tb-cookie .tb-cookie-nee:hover{border-color:var(--tb-ink);}
.tb-cookie .tb-cookie-ja{background:var(--tb-action);color:#fff;border:1px solid var(--tb-action);}
.tb-cookie .tb-cookie-ja:hover{background:var(--tb-action-hover);border-color:var(--tb-action-hover);}
.tb-cookie .tb-cookie-knop:focus-visible{outline:3px solid var(--tb-accent-line);outline-offset:2px;}

/* De link in de voettekst is een knop die eruitziet als de copyrightregel ernaast. */
.tb-foot-copy .tb-foot-cookies{
  display:inline;height:auto;min-height:0;padding:0;margin:0;border:0;background:none;
  font:inherit;color:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--tb-accent-line);
}
.tb-foot-copy .tb-foot-cookies:hover{color:var(--tb-ink);}

@media (max-width:600px){
  .tb-cookie{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:16px;}
  /* Het feedbackknopje zou onder de kaart half zichtbaar blijven; zolang de melding open is, even weg. */
  .tb-cookie-open .tb-fb{display:none;}
}