/* The cookie choice (js/consent.js), 25.10.2026. Self-contained: the legal pages load css/legal.css, not core.css,
   so the colours (brand manual, css/brand.css) and fonts are written here. Below the mascot's gate (z-index 300),
   above the music pill and the mini player (95), which it covers only until the choice is made. */
.hf-ck{position:fixed;left:0;right:0;bottom:0;z-index:250;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%}
.hf-ck[hidden]{display:none}
.hf-ck *{box-sizing:border-box}
.hf-ck__box{position:relative;pointer-events:auto;max-width:720px;margin:0 auto;padding:18px 18px 14px;border-radius:18px;background:#16303C;color:#F4E7CF;
  box-shadow:0 0 0 1px rgba(244,231,207,.14),0 18px 48px rgba(0,0,0,.45);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.hf-ck__bands{display:flex;height:6px;max-width:120px;margin:0 0 12px}
.hf-ck__bands i{flex:1}
.hf-ck__bands i:nth-child(1){background:#007F66}.hf-ck__bands i:nth-child(2){background:#EC1E46}.hf-ck__bands i:nth-child(3){background:#F79420}.hf-ck__bands i:nth-child(4){background:#2EA8AD}
.hf-ck__t{margin:0 0 6px;font:400 24px/1.1 "Anton",Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.hf-ck__d{margin:0 0 14px;font-size:14px;line-height:1.5;color:#DCE6EA}
.hf-ck__d a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.hf-ck__cats{display:grid;gap:8px;margin:0 0 14px}
.hf-ck__cats[hidden]{display:none}
.hf-ck__cat{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:start;min-height:44px;padding:12px;border-radius:12px;background:rgba(244,231,207,.07);cursor:pointer}
.hf-ck__cat input{grid-row:span 2;width:22px;height:22px;margin:1px 0 0;accent-color:#EC1E46;cursor:pointer}
.hf-ck__cat input:disabled{cursor:default}
.hf-ck__cat b{font-size:15px;font-weight:700;color:#fff}
.hf-ck__cat span{font-size:13px;line-height:1.45;color:#B9CBD3}
.hf-ck__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* "Refuz" and "Accept toate" are the same button: same size, weight and colour (no nudge towards either) */
.hf-ck__btn{min-height:48px;padding:0 14px;border:0;border-radius:999px;background:#F4E7CF;color:#16303C;cursor:pointer;
  font:800 15px/1 "Archivo",system-ui,sans-serif;font-stretch:75%;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.hf-ck__btn:hover{background:#fff}
.hf-ck__more{grid-column:1/-1;min-height:44px;padding:0 12px;border:0;background:transparent;color:#F4E7CF;cursor:pointer;
  font:600 15px/1 "Archivo",system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}
.hf-ck__more:hover{color:#fff}
.hf-ck__more[hidden],.hf-ck__x[hidden]{display:none}
/* "Închide" only on a reopened banner (a choice exists): top right, a finger-sized target */
.hf-ck__x{position:absolute;top:6px;right:6px;min-width:44px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#F4E7CF;cursor:pointer;
  font:600 14px/1 "Archivo",system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px}
.hf-ck__x:hover{color:#fff}
/* the legal pages load Archivo without the width axis, so the buttons are wider there: less spacing on small phones */
@media (max-width:359px){.hf-ck__btn{letter-spacing:.04em;padding:0 10px}}
.hf-ck button:focus-visible,.hf-ck a:focus-visible,.hf-ck input:focus-visible{outline:3px solid #00B6E4;outline-offset:3px}
main[tabindex="-1"]:focus{outline:none} /* the fallback focus target after the banner closes (tabindex -1), never a visible frame */
@media (min-width:640px){
  .hf-ck{padding:0 20px calc(20px + env(safe-area-inset-bottom,0px))}
  .hf-ck__box{padding:20px 22px 18px}
  .hf-ck__row{grid-template-columns:auto 1fr 1fr;align-items:center}
  .hf-ck__more{grid-column:auto;order:-1;justify-self:start}
}