/* ============================================================
   Przełącznik języka i trybu ciemnego oraz kolory trybu ciemnego.
   Ładowany na wszystkich stronach (też w politykach prywatności).
   ============================================================ */
.przelaczniki{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:.86rem;font-weight:600;color:var(--navy)}
.przelaczniki>svg{width:17px;height:17px;flex:none;color:#1a8fd6}
.jezyki{display:inline-flex;gap:8px}
.jezyki a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-soft);text-decoration:none}
.jezyki a:hover{color:var(--navy);text-decoration:underline}
.jezyki a[aria-current]{color:var(--navy);font-weight:800}
.tryb{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:50px;height:28px;padding:0 6px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease}
.tryb svg{width:15px;height:15px}
.tryb-kula{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--navy);transition:transform .18s ease}
.tryb[aria-checked="true"]{justify-content:flex-start;background:#0f2a55;border-color:#3a5075;color:#ffd96b}
.tryb[aria-checked="true"] .tryb-kula{transform:translateX(22px);background:#fff}
.tryb:focus-visible,.jezyki a:focus-visible{outline:3px solid var(--blue,#1863dc);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.tryb,.tryb-kula{transition:none}}

/* układ: telefon w pasku po lewej, przełączniki po prawej; na komputerze w nagłówku */
.pasek-tel{display:flex;align-items:center;justify-content:space-between;gap:12px}
.top .przelaczniki{display:none}
@media (min-width:861px){.top .przelaczniki{display:inline-flex}}
@media (max-width:1099px){.top .brand span{display:none}}
@media (max-width:360px){.pasek-tel a{font-size:.82rem}.przelaczniki{gap:6px}}

/* ---------- tryb ciemny ---------- */
[data-theme="dark"]{color-scheme:dark;--ink:#e7ebf3;--ink-soft:#b6bfce;--line:#2c3c59;--paper:#0e1726;--paper-2:#131f33;--white:#17233a;--gold-text:#dcc859;--blue:#8ab8ff}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] .brand,[data-theme="dark"] .back,[data-theme="dark"] .plan-nazwa,[data-theme="dark"] .plan-cena,[data-theme="dark"] .op-cytat,[data-theme="dark"] .opinia-pasek figcaption strong,[data-theme="dark"] .faq summary,[data-theme="dark"] .pasek-tel a,[data-theme="dark"] .top-tel,[data-theme="dark"] .miejsce-foto,[data-theme="dark"] .przelaczniki,[data-theme="dark"] .jezyki a[aria-current],[data-theme="dark"] .jezyki a:hover,[data-theme="dark"] main a:not(.btn):not(.op-zrodlo):not(.badge-opinie){color:#f2f5fb}
[data-theme="dark"] .form a,[data-theme="dark"] .consent a{color:var(--blue)}
[data-theme="dark"] .top{background:rgba(14,23,38,.95)}
[data-theme="dark"] .hero{background:var(--paper)}
[data-theme="dark"] .pasek-dowod{background:var(--paper)}
[data-theme="dark"] .sekcja-linia{border-top-color:var(--line)}
[data-theme="dark"] .pains,[data-theme="dark"] .kontakt{background:#0f2a55}
[data-theme="dark"] .form,[data-theme="dark"] .karta,[data-theme="dark"] .plan,[data-theme="dark"] .badge-opinie,[data-theme="dark"] .opinia-pasek,[data-theme="dark"] #opinia-2 .opinia-pasek{background:var(--white);border-color:var(--line)}
[data-theme="dark"] .plan-glowny{border-color:#6f8cbd}
[data-theme="dark"] .wdrozenie{background:#0f2a55}
[data-theme="dark"] .form{color:var(--ink)}
[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .field select{background:var(--paper);border-color:#3b4c6b;color:var(--ink)}
[data-theme="dark"] ::placeholder{color:#8c97ab}
[data-theme="dark"] .btn-ghost{color:#f2f5fb;border-color:#9fb2d4;box-shadow:none}
[data-theme="dark"] .btn-ghost:hover{background:#f2f5fb;color:#0e1726}
[data-theme="dark"] .miejsce-foto{border-color:#4a5c7c}
[data-theme="dark"] .op-zrodlo,[data-theme="dark"] .opinia-pasek .op-zrodlo{background:#1d2c47;border-color:#3b4c6b;color:#a9ccff}
[data-theme="dark"] .bo-twarze img{border-color:var(--white)}
[data-theme="dark"] .faq summary::after{border-color:#f2f5fb}
[data-theme="dark"] .faq details{border-bottom-color:var(--line)}
[data-theme="dark"] .popup-zamknij:hover{background:#26344f;color:#fff}
[data-theme="dark"] .status.ok{color:#6fdc97}
[data-theme="dark"] .status.err{color:#ff9b93}
[data-theme="dark"] .tryb{background:#0f2a55}
[data-theme="dark"] .top:not(:has(.top-tel)){background:var(--white)}

/* poprawki: pasek z telefonem tylko na telefonie, kolory ikon przełącznika */
@media (min-width:861px){.pasek-tel{display:none}}
.pasek-tel .przelaczniki>svg{width:17px;height:17px;color:#1a8fd6}
.pasek-tel .tryb svg{width:15px;height:15px;color:inherit}
[data-theme="dark"] .fud-lista svg{background:#3a5f9f}
[data-theme="dark"] .bo-cytat{color:#f2f5fb}
[data-theme="dark"] .od-ikona{background:#2a4a85;box-shadow:0 0 0 7px rgba(159,178,212,.15)}
[data-theme="dark"] .popup .od-ikona{box-shadow:0 0 0 5px rgba(159,178,212,.15)}
[data-theme="dark"] .krok-znak{background:#2a4a85}
[data-theme="dark"] .kroki .krok:not(:last-child)::after{background:rgba(159,178,212,.35)}