/* Cookie consent banner, shared by tjonid_base.html and tjonid/home/base.html */
.cookie-consent{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;
  max-width:720px;margin:0 auto;padding:20px 24px;
  display:flex;align-items:center;gap:20px;
  background:#fff;color:#1b1b1b;border:1px solid #d5dee6;border-radius:4px;
  box-shadow:0 8px 32px rgba(27,27,27,.18);
  font-family:inherit;font-size:15px;line-height:1.5;text-align:left;
}
.cookie-consent[hidden]{display:none}
.cookie-consent p{margin:0;flex:1}
.cookie-consent a{color:#2a7f7b;text-decoration:underline}
.cookie-consent-actions{display:flex;gap:10px;flex-shrink:0}
/* Both choices share one style so neither is more prominent than the other */
.cookie-consent-button{
  min-width:120px;padding:11px 20px;margin:0;
  background:#5c646e;color:#fff;border:1px solid #5c646e;border-radius:2px;
  font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;cursor:pointer;
}
.cookie-consent-button:hover{background:#2a7f7b;border-color:#2a7f7b}
.cookie-consent-button:focus-visible{outline:2px solid #2a7f7b;outline-offset:2px}

@media(max-width:600px){
  .cookie-consent{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px;bottom:calc(8px + env(safe-area-inset-bottom))}
  .cookie-consent-button{flex:1;min-width:0}
}