/* =========================================================
   CARGOKLIK – wspólne zmienne (Design System)
   Scope: .ck-w (nadawane na wrapper KAŻDEGO widgetu Cargoklik)
   Nie wycieka do reszty strony / motywu.
   ========================================================= */
.ck-w{
  /* Granaty */
  --ck-brand:#23418A;
  --ck-blue:#3E63B8;
  --ck-navy:#16294F;
  --ck-ink:#0E1A30;

  /* Tła i powierzchnie */
  --ck-bg:#F9F9F9;
  --ck-surface:#FFFFFF;
  --ck-mist:#E7EDF8;
  --ck-mist-2:#DCE6F7;

  /* Tekst i linie */
  --ck-text:#41495B;
  --ck-muted:#6B7384;
  --ck-line:#E6E9F1;
  --ck-line-hover:#D5DEF2;

  /* Błękity akcentowe */
  --ck-electric:#6EA8FF;
  --ck-electric-soft:#9CC3FF;

  /* Gradienty */
  --ck-grad-cta:linear-gradient(135deg,#23418A,#3E63B8);
  --ck-grad-cta-hover:linear-gradient(135deg,#2A4D9E,#4F7BE8);
  --ck-grad-dark:linear-gradient(160deg,#16294F,#23418A);

  /* Cienie (zawsze granatowe) */
  --ck-glow-cta:0 10px 30px rgba(35,65,138,.35);
  --ck-glow-cta-hover:0 16px 42px rgba(35,65,138,.5);
  --ck-shadow-card:0 10px 30px rgba(22,41,79,.08);
  --ck-shadow-card-hover:0 22px 50px rgba(35,65,138,.18);

  /* Promienie */
  --ck-r-sm:10px;
  --ck-r-md:16px;
  --ck-r-lg:24px;
  --ck-r-pill:999px;

  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ck-w, .ck-w *, .ck-w *::before, .ck-w *::after{ box-sizing:border-box; }
.ck-w h1,.ck-w h2,.ck-w h3,.ck-w h4,.ck-w p,.ck-w ul,.ck-w li{ margin:0; padding:0; }
.ck-w svg{ display:block; }
.ck-w img{ max-width:100%; display:block; }
.ck-w a{ text-decoration:none; }
.ck-w button{ font-family:inherit; cursor:pointer; }

/* Focus widoczny wg zasad marki */
.ck-w a:focus-visible,
.ck-w button:focus-visible{
  outline:3px solid var(--ck-electric);
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  .ck-w *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}