/* ============ Optivance – Cookie banner (globalny, działa na CAŁEJ stronie, nie tylko na naszych szablonach) ============ */

.oa-cookie-banner{
  --ok-ink:#14161c;
  --ok-paper:#eef0ea;
  --ok-paper-line:#c9cdbc;
  --ok-muted:#5c5f54;
  --ok-emerald:#1f6f52;
  --ok-emerald-bright:#2fa876;

  position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;
  max-width:640px;margin:0 auto;
  background:var(--ok-paper);border:1px solid var(--ok-paper-line);border-radius:14px;
  padding:22px 24px;
  box-shadow:0 20px 50px -20px rgba(20,22,28,.35);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;
  color:var(--ok-ink);
}
.oa-cookie-banner[hidden]{display:none;}

.oa-cookie-text{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--ok-muted);}
.oa-cookie-text a{color:var(--ok-emerald);font-weight:600;text-decoration:underline;}

.oa-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;}

.oa-cookie-btn{
  font-family:inherit;font-size:14px;font-weight:600;
  padding:11px 18px;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;transition:transform .15s ease, background .15s ease;
}
.oa-cookie-btn:hover{transform:translateY(-1px);}
.oa-cookie-accept{background:var(--ok-ink);color:var(--ok-paper);}
.oa-cookie-accept:hover{background:var(--ok-emerald);}
.oa-cookie-reject,
.oa-cookie-settings{background:transparent;color:var(--ok-ink);border-color:var(--ok-paper-line);}
.oa-cookie-reject:hover,
.oa-cookie-settings:hover{border-color:var(--ok-ink);}

.oa-cookie-panel{margin-top:18px;padding-top:18px;border-top:1px solid var(--ok-paper-line);}
.oa-cookie-panel[hidden]{display:none;}
.oa-cookie-panel h3{margin:0 0 12px;font-size:15px;}
.oa-cookie-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 0;font-size:14px;cursor:pointer;
}
.oa-cookie-row input{width:18px;height:18px;accent-color:var(--ok-emerald);}
.oa-cookie-save{margin-top:10px;background:var(--ok-emerald);color:#fff;}
.oa-cookie-save:hover{background:var(--ok-emerald-bright);}

@media (max-width:480px){
  .oa-cookie-banner{left:12px;right:12px;bottom:12px;padding:18px;}
  .oa-cookie-actions{flex-direction:column;}
  .oa-cookie-btn{width:100%;text-align:center;}
}