/* ============================================================
   botpro.pl — motywy: CIEMNY (domyślny, marka) / JASNY / AUTO
   Dołączany PO stylach strony → nadpisuje jej zmienne :root.
   - brak data-theme lub data-theme="dark" = CIEMNY (Linear)
   - data-theme="light" = JASNY (wymuszony)
   - data-theme="auto"  = wg ustawień systemu
   ============================================================ */

/* ---------- CIEMNY: domyślny + wymuszony ---------- */
:root, :root[data-theme="dark"]{
  --navy:#0f1011; --navy-2:#141516;
  --orange:#5e6ad2; --orange-2:#828fff;
  --ink:#f7f8f8; --body:#c6cbd4; --muted:#8a8f98; --faint:#62666d;
  --line:#23252a; --line-2:#34343a;
  --canvas:#010102; --surface:#0f1011; --surface-2:#141516; --surface-3:#18191a;
  --bg:#010102; --bg-soft:#010102;
  --ok:#27a644;
  --shadow:0 12px 40px rgba(0,0,0,.45); --shadow-sm:0 4px 16px rgba(0,0,0,.4);
  color-scheme:dark;
}

/* ---------- JASNY: wymuszony ---------- */
:root[data-theme="light"]{
  --navy:#0F172A; --navy-2:#1E293B;
  --orange:#6366F1; --orange-2:#7C3AED;
  --ink:#1B2233; --body:#3A4256; --muted:#6B7280; --faint:#9AA2B1;
  --line:#E4E7EE; --line-2:#D7DAE8;
  --canvas:#FFFFFF; --surface:#FFFFFF; --surface-2:#F6F8FC; --surface-3:#EEF1F6;
  --bg:#FFFFFF; --bg-soft:#F6F8FC;
  --ok:#1E7E45;
  --shadow:0 10px 30px rgba(22,35,63,.08); --shadow-sm:0 4px 16px rgba(22,35,63,.06);
  color-scheme:light;
}

/* ---------- AUTO: wg systemu ---------- */
@media (prefers-color-scheme: light){
  :root[data-theme="auto"]{
    --navy:#0F172A; --navy-2:#1E293B;
    --orange:#6366F1; --orange-2:#7C3AED;
    --ink:#1B2233; --body:#3A4256; --muted:#6B7280; --faint:#9AA2B1;
    --line:#E4E7EE; --line-2:#D7DAE8;
    --canvas:#FFFFFF; --surface:#FFFFFF; --surface-2:#F6F8FC; --surface-3:#EEF1F6;
    --bg:#FFFFFF; --bg-soft:#F6F8FC;
    --ok:#1E7E45;
    --shadow:0 10px 30px rgba(22,35,63,.08); --shadow-sm:0 4px 16px rgba(22,35,63,.06);
    color-scheme:light;
  }
}
@media (prefers-color-scheme: dark){
  :root[data-theme="auto"]{
    --navy:#0f1011; --navy-2:#141516;
    --orange:#5e6ad2; --orange-2:#828fff;
    --ink:#f7f8f8; --body:#c6cbd4; --muted:#8a8f98; --faint:#62666d;
    --line:#23252a; --line-2:#34343a;
    --canvas:#010102; --surface:#0f1011; --surface-2:#141516; --surface-3:#18191a;
    --bg:#010102; --bg-soft:#010102;
    --ok:#27a644;
    --shadow:0 12px 40px rgba(0,0,0,.45); --shadow-sm:0 4px 16px rgba(0,0,0,.4);
    color-scheme:dark;
  }
}

@media (prefers-reduced-motion: no-preference){
  body{transition:background-color .2s ease,color .2s ease}
}

/* ===== Telefon i dotyk: wygodne pola zgód, przyciski i linki (wspólne dla wszystkich stron) ===== */
input[type="checkbox"],input[type="radio"]{width:22px !important;height:22px !important;min-width:22px;margin:0;flex:0 0 auto;accent-color:var(--orange);cursor:pointer;vertical-align:middle}
label.zgoda,label.terms,label:has(> input[type="checkbox"]){display:flex !important;gap:12px !important;align-items:flex-start;cursor:pointer;-webkit-tap-highlight-color:transparent}
label:has(> input[type="checkbox"]) > span{padding-top:1px}
.zgoda{font-size:13px;color:var(--muted);line-height:1.55;padding:6px 0}
.nl-btn{background:var(--orange);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;min-height:48px}
.nl-btn:hover{background:var(--orange-2)}
@media (max-width:640px){
  .nl-btn{width:100%}
  #nlForm input[type="email"]{flex-basis:100% !important}
  footer a{display:inline-block;padding:7px 2px;line-height:1.4}
  .cmp-wrap{margin-left:-4px;margin-right:-4px;-webkit-overflow-scrolling:touch}
  .cmp th:first-child,.cmp td:first-child{position:sticky;left:0;z-index:1;background:var(--surface);min-width:150px;box-shadow:1px 0 0 var(--line)}
  .cmp thead th:first-child{background:var(--surface-3)}
  .cmp th,.cmp td{padding:12px 12px;font-size:14px}
  .cmp-hint{display:block !important}
  button,.btn,a.btn{min-height:44px}
}
.cmp-hint{display:none;font-size:12.5px;color:var(--muted);text-align:right;margin:6px 4px 0}