/* The pre-restyle footer: transparent, a top hairline, nothing else. It sits
   on whatever the page background is, so it never reads as a floating box on
   the account dashboard. */
.pfoot{
  width:100%;
  margin-top:3rem;
  padding:1.5rem 1rem;
  border-top:1px solid var(--border);
}
.pfoot__inner{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.75rem 1.25rem;
  font-size:.82rem;
  color:var(--muted);
}
.pfoot__links{display:flex;flex-wrap:wrap;gap:.35rem 1rem}
.pfoot__link{color:var(--muted);text-decoration:none;border-radius:4px}
.pfoot__link:hover{color:var(--blue)}
.pfoot__link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media (max-width:560px){
  .pfoot__inner{flex-direction:column;align-items:flex-start}
}

/* ── Cookie notice ──────────────────────────────────────────────────────── */
.ckbar{position:fixed;left:20px;bottom:20px;z-index:60;width:300px;
  visibility:hidden;opacity:0;transform:translateY(10px);
  transition:opacity .7s ease,transform .7s ease,visibility .7s}
.ckbar--on{visibility:visible;opacity:1;transform:none}
.ckbar[hidden]{display:none}
/* A card over the page's own ground, so it is solid where the card colour is
   see-through (the client dashboard's dark), and the look's card elsewhere. */
.ckbar__content{display:flex;flex-direction:column;align-items:center;
  padding:22px 22px 20px;border-radius:16px;background:linear-gradient(var(--card),var(--card)),var(--bg);
  border:1px solid var(--border);box-shadow:var(--lift-hi);text-align:center}
.ckbar__icon{margin-bottom:10px;display:flex;justify-content:center}
.ckbar__icon svg{width:56px;height:56px;display:block}
.ckbar .ck-top{fill:var(--blue);stroke:var(--blue)}
.ckbar .ck-bottom{fill:color-mix(in oklab,var(--blue) 74%,black);
  stroke:color-mix(in oklab,var(--blue) 74%,black)}
.ckbar__desc{font-size:12.5px;line-height:1.6;color:var(--muted);
  margin-bottom:16px;overflow-wrap:break-word}
.ckbar__desc a{color:var(--blue);font-weight:700;text-decoration:underline;
  text-underline-offset:2px}
[data-theme="dark"] .ckbar__desc a{color:color-mix(in oklab,var(--blue) 55%,#fff)}
.ckbar__action{width:100%}
.ckbar__btn{width:100%;border:0;font-family:var(--font-body);font-size:13px;
  font-weight:800;padding:11px;border-radius:10px;cursor:pointer;
  background:var(--gold-grad);color:var(--on-gold);
  transition:transform .3s,box-shadow .3s;
  box-shadow:0 8px 20px -12px rgba(240,174,46,.9)}
.ckbar__btn:hover{transform:translateY(-1px)}
.ckbar__btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

@media (max-width:560px){
  .ckbar{left:12px;right:12px;bottom:12px;width:auto}
  .ckbar__content{flex-direction:row;text-align:left;gap:14px;
    padding:14px 16px;align-items:center}
  .ckbar__icon{margin-bottom:0}
  .ckbar__icon svg{width:44px;height:44px}
  .ckbar__desc{margin-bottom:0;flex:1}
  .ckbar__action{width:auto}
  .ckbar__btn{width:auto;padding:9px 16px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .ckbar{transition:none;transform:none}
}