/* Cookie consent (app/consent.php). The nav pill's liquid glass (blur 20, saturate 1.7,
   the white inner highlight and hairline), tinted ink so white text reads over any page.
   Collapsed: one slim bar, bottom centre. "Settings" opens the switches in the same glass.
   Allow all / Deny are side by side and the same size: refusing is as easy as allowing. */
.bf-cc{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:2147483000;
  width:min(780px,calc(100vw - 32px));
  font-family:var(--ff-body,"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif);color:#fff}
.bf-cc[hidden]{display:none}
.bf-cc-card{border-radius:999px;padding:8px 8px 8px 22px;max-height:calc(100dvh - 32px);overflow:auto;
  background:rgba(14,20,23,.58);
  -webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.12),0 10px 28px -14px rgba(15,21,25,.4)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bf-cc-card{background:rgba(14,20,23,.92)}}
.bf-cc--open .bf-cc-card{border-radius:28px;padding:14px 14px 16px 22px}

.bf-cc-main{display:flex;align-items:center;gap:16px}
.bf-cc-p{flex:1;min-width:0;margin:0;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.88)}
.bf-cc-p a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bf-cc-btns{display:flex;gap:6px;flex:none}
.bf-cc-b{min-height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);
  color:#fff;font-family:inherit;font-weight:600;font-size:14px;line-height:1.1;white-space:nowrap;cursor:pointer;
  transition:background .15s,border-color .15s}
.bf-cc-b:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5)}
.bf-cc-b--fill{background:#fff;border-color:#fff;color:#0E1417}
.bf-cc-b--fill:hover{background:#E8ECEF;border-color:#E8ECEF}
.bf-cc-b--more{border-color:transparent;background:transparent}
.bf-cc--open .bf-cc-b--more{background:rgba(255,255,255,.14)}

.bf-cc-form{margin:12px 0 0}
.bf-cc-form[hidden]{display:none}
.bf-cc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:10px 0;
  border-top:1px solid rgba(255,255,255,.12);cursor:pointer}
.bf-cc-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.bf-cc-txt b{font-size:14px;font-weight:600;line-height:1.3;color:#fff}
.bf-cc-txt span{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.66)}
/* The switch: 40 x 24; on = white track, ink knob. Resets the site-wide input rule. */
.bf-cc .bf-cc-sw{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:40px;height:24px;margin:0;
  min-height:0;padding:0;border:0;box-shadow:none;border-radius:999px;background:rgba(255,255,255,.22);cursor:pointer;transition:background .15s}
.bf-cc-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s,background .15s}
.bf-cc-sw:checked{background:#fff}
.bf-cc-sw:checked::after{transform:translateX(16px);background:#0E1417}
.bf-cc-sw:disabled{cursor:default;opacity:.5}
.bf-cc-row:has(.bf-cc-sw:disabled){cursor:default}
.bf-cc-save{display:block;margin:8px 0 0 auto}
.bf-cc-b:focus-visible,.bf-cc-sw:focus-visible,.bf-cc-p a:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}

/* Phone: the sentence on top, the three buttons in one row under it. */
@media (max-width:760px){
  .bf-cc{bottom:10px;width:calc(100vw - 20px)}
  .bf-cc-card{border-radius:24px;padding:14px 14px 12px}
  .bf-cc--open .bf-cc-card{padding:14px}
  .bf-cc-main{flex-direction:column;align-items:stretch;gap:10px}
  .bf-cc-p{padding:0 4px}
  .bf-cc-btns{display:grid;grid-template-columns:1fr 1fr 1fr}
  .bf-cc-b{min-height:44px;padding:0 8px}
  .bf-cc-save{width:100%}
}
@media (prefers-reduced-motion:reduce){.bf-cc-sw,.bf-cc-sw::after,.bf-cc-b{transition:none}}