/* consent.css — the cookie banner. Shared by both Friday sites.
 *
 * Refers only to its own --cc-* variables, which each site maps to its own
 * palette, exactly as payback.css does. One banner, two skins.
 *
 * THE TWO BUTTONS ARE IDENTICAL IN WEIGHT. Same size, same fill, same type.
 * The ICO's position is that refusing must be as easy as accepting, and a
 * styled-down "reject" is the most common reason a banner is found
 * non-compliant. If this ever needs to look prettier, it does not get fixed
 * by making one of them quieter.
 */
.cc{
  position:fixed;
  left:1rem;right:1rem;bottom:1rem;
  z-index:2147483000;             /* above the chat widget and the fixed nav */
  background:var(--cc-bg,#fff);
  color:var(--cc-ink,#16232B);
  border:1px solid var(--cc-line,rgba(22,35,43,.14));
  border-radius:var(--cc-r,18px);
  box-shadow:0 18px 50px rgba(22,35,43,.22);
  /* Off-screen until .is-up, so it animates in rather than flashing. */
  transform:translateY(calc(100% + 2rem));
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.cc.is-up{transform:translateY(0)}
.cc[hidden]{display:none}

.cc__in{padding:clamp(1rem,3.5vw,1.5rem)}
/* No max-width on the heading. */
.cc__h{
  margin:0 0 .4rem;
  font:600 1.15rem/1.2 var(--cc-disp,system-ui,sans-serif);
  color:var(--cc-ink,#16232B);
}
.cc__b{
  margin:0 0 1rem;
  font:400 .95rem/1.55 var(--cc-sans,system-ui,sans-serif);
  color:var(--cc-muted,#5F7078);
}
.cc__link{color:var(--cc-accent,#B8451F);text-decoration:underline;text-underline-offset:3px}
.cc__link:hover{text-decoration-thickness:2px}

.cc__btns{display:flex;flex-wrap:wrap;gap:.6rem}
.cc__btn{
  flex:1 1 11rem;
  min-height:48px;padding:.8rem 1.1rem;
  border:2px solid var(--cc-accent,#B8451F);
  border-radius:999px;
  background:var(--cc-accent,#B8451F);
  color:var(--cc-on-accent,#fff);
  font:600 .95rem/1 var(--cc-sans,system-ui,sans-serif);
  cursor:pointer;
  transition:filter .18s;
}
.cc__btn:hover{filter:brightness(1.08)}
.cc__btn:focus-visible{outline:3px solid var(--cc-focus,#16232B);outline-offset:3px}

/* On a wide screen it sits bottom-left rather than spanning the page: a
   full-width bar across a desktop reads as a system error. */
@media (min-width:760px){
  .cc{left:1.5rem;right:auto;bottom:1.5rem;max-width:34rem}
}

@media (prefers-reduced-motion:reduce){
  .cc{transition:none}
}

/* The footer link that reopens it. A way to WITHDRAW consent is a legal
   requirement, not a nicety, and it has to be as easy to find as the banner
   was to dismiss. */
.cc-reopen{
  background:none;border:0;padding:0;
  color:inherit;font:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;
}
.cc-reopen:hover{text-decoration-thickness:2px}