.ck-banner{position:fixed; left:0; right:0; bottom:0; z-index:2000; background:var(--panel,#141c25);
    border-top:1px solid var(--border,#2d3744); box-shadow:0 -10px 34px rgba(0,0,0,.45);
    font-family:system-ui,'Segoe UI',Roboto,sans-serif;}
.ck-banner[hidden]{display:none;}
.ck-inner{max-width:1080px; margin:0 auto; padding:12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); display:flex; align-items:center;
    gap:18px; flex-wrap:wrap;}
.ck-text{margin:0; flex:1; min-width:230px; color:var(--text,#c9d3de); font-size:13.5px; line-height:1.5;}
.ck-text a{color:var(--accent,#3fb950); text-decoration:none;}
.ck-text a:hover{text-decoration:underline;}
.ck-actions{display:flex; align-items:center; gap:10px;}
.ck-btn{font:inherit; font-size:13.5px; font-weight:600; border-radius:9px; padding:0 18px; min-height:44px;
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer; text-decoration:none; white-space:nowrap; border:1px solid transparent;}
.ck-ghost{background:transparent; color:var(--text,#c9d3de); border-color:var(--border,#2d3744);}
.ck-ghost:hover{border-color:var(--accent,#3fb950); color:var(--text,#e6edf3);}
.ck-primary{background:var(--accent,#3fb950); color:var(--on-accent,#0d1218); border:none;}
.ck-primary:hover{filter:brightness(1.08);}
/* „Отказвам“ - the same button, in a different colour. It inherits .ck-btn, so the size, the
   padding, the weight and the radius are identical to „Приемам“: a refusal that is smaller,
   fainter or one click further away is not a free choice, and then the consent it produces is
   not consent (чл. 4, т. 11 и чл. 7 ОРЗД). Solid rather than an outline for the same reason -
   an outline reads as the lesser option. */
.ck-secondary{background:var(--panel-2,#2d3744); color:var(--text,#e6edf3);
    border:1px solid var(--border-2,#30363d);}
.ck-secondary:hover{filter:brightness(1.16);}
/* On a phone the bar is text + two equal buttons. „Политика" goes: the text already ends in
   „Научете повече" to the same policy, and the row of three was the tallest thing on screen. */
@media (max-width:560px){ .ck-inner{gap:10px; padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));}
  .ck-actions{width:100%;} .ck-actions .ck-btn{flex:1; text-align:center;} .ck-actions .ck-ghost{display:none;} }

/* Where the bar sits. It is fixed to the bottom, and the bottom of the chat screen is the
   question field: until the visitor answered the cookie question, the field sat UNDER the bar
   and could not be seen at all. The height is measured by the script (the text wraps onto two
   or three lines depending on the width) and is given back the moment the bar is hidden. */
html.ck-open body { padding-bottom:var(--ck-h, 0px); }

@media (max-width: 600px) { .ck-text { font-size: 13px; line-height: 1.4; } .ck-btn { min-height: 44px; } }