/* TeamFamily - zgody cookie (cookies.js) w wersji samodzielnej: dla stron, które nie
   ładują styles.css (strona główna PL - style w home/). Reguły .cc-* są kopią bloku
   „zgody cookie” ze styles.css; zmieniając wygląd banera, popraw oba pliki. Tokeny i
   przyciski są zamknięte w banerze i oknie, więc nie mieszają się ze stylami strony. */
.cc-banner,.cc-overlay{
  --brand:#0093C1;--brand-strong:#00789F;--brand-dark:#004B5B;--brand-faint:#EAF7FC;--brand-line:#CFE9F3;
  --ink:#0D2E38;--muted:#55676E;--bg-soft:#F6FAFB;--line:#E6EEF1;
  --font-head:'Nunito',system-ui,sans-serif;
  --font-body:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
.cc-banner :focus-visible,.cc-overlay :focus-visible{outline:3px solid var(--brand);outline-offset:3px}

/* ===== przyciski ===== */
.cc-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;font:700 14px var(--font-body);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.cc-actions .btn-primary{background:var(--brand-strong);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -10px rgba(0,120,159,.7)}
.cc-actions .btn-primary:hover{background:#006B8F}
.cc-actions .btn-ghost{background:#fff;color:var(--brand-strong);border-color:var(--brand-line)}
.cc-actions .btn-ghost:hover{background:var(--brand-faint)}
.cc-actions .btn:active{transform:translateY(1px)}

/* ===== baner i okno ustawień ===== */
.cc-banner{position:fixed;left:14px;right:14px;bottom:14px;z-index:200;display:flex;justify-content:center;pointer-events:none}
.cc-banner[hidden]{display:none}
.cc-card{pointer-events:auto;width:100%;max-width:880px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -18px rgba(13,46,56,.35);padding:20px 22px;opacity:0;transform:translateY(26px)}
.cc-banner.in .cc-card{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.cc-card h3{font:800 17px var(--font-head);color:var(--brand-dark);letter-spacing:0;margin:0 0 7px}
.cc-card p{font:400 14px/1.6 var(--font-body);color:var(--muted);margin:0 0 15px}
.cc-card p a{color:var(--brand-strong);text-decoration:none;font-weight:500}
.cc-card p a:hover{text-decoration:underline}
.cc-actions{display:flex;flex-wrap:wrap;gap:10px}
.cc-overlay{position:fixed;inset:0;z-index:210;background:rgba(13,46,56,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .3s ease}
.cc-overlay[hidden]{display:none}
.cc-overlay.in{opacity:1}
.cc-modal{position:relative;width:100%;max-width:560px;max-height:min(86vh,660px);overflow:auto;background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 80px -20px rgba(13,46,56,.5);transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.cc-overlay.in .cc-modal{transform:none}
.cc-modal h3{font:800 21px var(--font-head);color:var(--brand-dark);letter-spacing:0;margin:0 34px 8px 0}
.cc-modal>p{font:400 14px/1.6 var(--font-body);color:var(--muted);margin:0 0 18px}
.cc-x{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:var(--bg-soft);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-x:hover{background:var(--brand-faint);color:var(--brand-dark)}
.cc-x .ic{display:block;flex:none;width:1em;height:1em;fill:currentColor;font-size:18px}
.cc-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.cc-row .t{flex:1}
.cc-row .nm{display:block;font:800 15px var(--font-head);color:var(--ink)}
.cc-row .ds{display:block;font:400 13.5px/1.55 var(--font-body);color:var(--muted);margin-top:3px}
.cc-lock{flex:none;font:700 11.5px var(--font-body);letter-spacing:.4px;color:var(--brand-strong);background:var(--brand-faint);border:1px solid var(--brand-line);border-radius:999px;padding:5px 11px;margin-top:2px}
.cc-switch{position:relative;flex:none;width:46px;height:26px;margin-top:2px}
.cc-switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.cc-switch i{position:absolute;inset:0;border-radius:999px;background:#CFDCE1;pointer-events:none;transition:background .2s}
.cc-switch i::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(13,46,56,.3);transition:transform .2s}
.cc-switch input:checked+i{background:var(--brand-strong)}
.cc-switch input:checked+i::after{transform:translateX(20px)}
.cc-switch input:focus-visible+i{outline:2px solid var(--brand);outline-offset:2px}
.cc-modal .cc-actions{margin-top:18px}
.cc-noscroll{overflow:hidden}
@media(max-width:560px){
  .cc-card{padding:18px}
  .cc-actions .btn{flex:1 1 100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .cc-banner.in .cc-card,.cc-overlay,.cc-overlay.in .cc-modal,.cc-switch i,.cc-switch i::after{transition:none}
}