/* =========================================================
   RCS – WERSJA CIEMNA (próbna)
   Nakładka na styles.css: czarne tło, biało-fioletowe napisy,
   neonowe świetlówki i fioletowa poświata jak na grafikach klienta.
   Żeby wrócić do jasnej wersji – usuń link do dark.css z <head>.
   ========================================================= */
:root {
  --bg: #07040C;          /* tło: czerń z kroplą fioletu */
  --surface: #110A1C;     /* karty */
  --ice: #1C1030;         /* tła pomocnicze, ikonki */
  --sky: #C99BFF;         /* jasny fiolet – akcenty */
  --blue: #A64DFF;        /* fiolet marki, jaśniejszy na ciemnym tle */
  --blue-deep: #D2AEFF;   /* „ciemny” akcent → na czarnym tle jasny */
  --ink: #F6F1FF;         /* tekst główny: biel z fioletem */
  --muted: #A99CC2;       /* tekst pomocniczy */
  --line: #2A1B40;        /* linie, obramowania */
  --on-ink: #F6F1FF;
  --night: #0B0613;       /* ciemne powierzchnie (tam, gdzie wcześniej był granat) */
  --neon: #B45CFF;
  color-scheme: dark;
}
body { background: var(--bg); }
::selection { background: var(--neon); color: #fff; }

/* nagłówki: biel z delikatną fioletową poświatą */
h1, h2 { text-shadow: 0 0 28px rgba(180, 92, 255, .28); }
.eyebrow { color: var(--sky); text-shadow: 0 0 12px rgba(180, 92, 255, .55); }
.eyebrow::before { box-shadow: 0 0 10px rgba(180, 92, 255, .8); }
.lead, .section-head p { color: var(--muted); }

/* nagłówek strony */
.site-header { background: color-mix(in srgb, var(--bg) 82%, transparent); }
.site-header.is-scrolled { border-bottom-color: rgba(180, 92, 255, .25); box-shadow: 0 10px 30px -20px rgba(180, 92, 255, .6); }

/* przyciski */
.btn--ghost { border-color: rgba(246, 241, 255, .85); color: var(--ink); }
.btn--ghost:hover { background: #fff; color: var(--night); }
.btn--light { background: #fff; color: var(--night); }
.btn--light:hover { background: #F1E7FF; color: var(--night); }
.pack--hot .btn--ghost:hover, .cta-band .btn--ghost:hover { background: #fff; color: var(--night); }
.nav a:not(.btn):hover, .nav a[aria-current="page"] { background: var(--ice); color: #fff; box-shadow: inset 0 0 0 1px rgba(180, 92, 255, .35); }

/* HERO: fioletowa poświata pod autem */
.hero { isolation: isolate; }
.hero-media { z-index: 1; }
.hero-media::after {
  content: ""; position: absolute; left: 10%; right: 0; bottom: 2%; height: 32%; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, rgba(157, 59, 255, .55), transparent 70%); filter: blur(22px);
}
.hero-word { color: transparent; -webkit-text-stroke: 1.5px rgba(180, 92, 255, .35); text-shadow: 0 0 40px rgba(180, 92, 255, .25); }
.rating-chip { background: var(--surface); border-color: var(--line); }
.rating-chip b { background: linear-gradient(135deg, #B65BFF, #6A12DA); }
.hero-facts { color: var(--muted); }


/* pasek zaufania, karty, sekcje */
.trust { background: var(--night); border-color: var(--line); }
.tile { background: var(--night); }
.tile:hover { box-shadow: 0 0 0 1px rgba(180, 92, 255, .7), 0 0 30px rgba(180, 92, 255, .4); }
.price-band { background: radial-gradient(120% 90% at 85% 0%, #1A0D2E 0%, #0C0716 55%, #07040C 100%); }
.price-band::before { background: linear-gradient(100deg, transparent, rgba(180, 92, 255, .08), transparent); }
.pack { border-color: var(--line); }
.pack:hover { border-color: rgba(180, 92, 255, .5); }
.pack--hot { background: linear-gradient(160deg, #8B2CF5 0%, #5B12C0 100%); border-color: #B45CFF; box-shadow: 0 0 40px rgba(180, 92, 255, .45); }
.seg { background: var(--surface); border-color: var(--line); }
.seg button[aria-pressed="true"] { background: linear-gradient(135deg, #B65BFF, #6A12DA); }
.seg-thumb { background: linear-gradient(135deg, #B65BFF, #6A12DA); }
.seg.has-thumb button[aria-pressed="true"] { background: transparent; }
.seg button[aria-pressed="true"] small { color: rgba(255, 255, 255, .8); }
.why-ico { box-shadow: inset 0 0 0 1px var(--line), 0 0 18px -6px rgba(180, 92, 255, .6); }
.steps li::before { color: transparent; -webkit-text-stroke: 1.5px var(--sky); text-shadow: 0 0 14px rgba(180, 92, 255, .4); }
.score-num { color: #fff; text-shadow: 0 0 30px rgba(180, 92, 255, .6); }
.quote, .steps li, .checks li, .chips li, .related a, .st-card, .layers, .table-scroll { border-color: var(--line); }
.related a:hover { border-color: var(--neon); box-shadow: 0 0 16px rgba(180, 92, 255, .35); }

/* ciemne sekcje: jeszcze ciemniejsze, z neonową krawędzią */
.promo { background: radial-gradient(120% 140% at 85% 0%, #2A1150 0%, #120822 50%, #0A0512 100%); border: 1px solid rgba(180, 92, 255, .4); box-shadow: 0 0 40px -10px rgba(180, 92, 255, .45); }
.cta-band { box-shadow: 0 0 40px -6px rgba(180, 92, 255, .55); }
.site-footer { background: #040208; border-top: 1px solid rgba(180, 92, 255, .25); }
.footer-word { color: transparent; -webkit-text-stroke: 1.5px rgba(180, 92, 255, .3); }
.footer-grid h4 { text-shadow: 0 0 10px rgba(180, 92, 255, .6); }

/* galeria i zdjęcia */
.shot, .fifty figure { background: var(--night); }
.fifty .tag { background: linear-gradient(135deg, #B65BFF, #7A1FF0); color: #fff; }
.lightbox-close { color: var(--night); }

/* FAQ: jasny plus na ciemnym kółku */
.faq summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1FF' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");
}
.faq details { border-color: var(--line); }

/* formularze */
.field input, .field select, .field textarea { background: #0C0715; border-color: var(--line); color: var(--ink); }
.field input::placeholder, .field textarea::placeholder { color: #6F6488; }
.field input:focus, .field select:focus, .field textarea:focus { background: #120A1F; }
.form-ok { background: rgba(46, 173, 107, .14); color: #9BE7BF; }
.bk-notice { background: rgba(224, 88, 59, .14); color: #FFB4A3; }
.map-card svg { filter: invert(1) hue-rotate(180deg) brightness(.85) saturate(1.2); }
.map-card span { background: var(--surface); color: var(--ink); }
.map-card:hover span { background: #fff; color: var(--night); }

/* kalendarz */
.booking { box-shadow: 0 0 0 1px rgba(180, 92, 255, .15), 0 30px 70px -40px rgba(139, 44, 245, .6); }
.bk-demo-badge { background: linear-gradient(135deg, #B65BFF, #6A12DA); }
.bk-side { background: #0C0715; }
.bk-day { background: #0C0715; }
.bk-day.is-selected { background: linear-gradient(160deg, #B65BFF, #6A12DA); border-color: #C99BFF; color: rgba(255, 255, 255, .85); box-shadow: 0 0 14px rgba(180, 92, 255, .55); }
.bk-slot { background: rgba(46, 173, 107, .10); border-color: rgba(46, 173, 107, .45); color: var(--ink); }
.bk-slot:not(:disabled):hover { border-color: #2EAD6B; }
.bk-slot.is-busy { color: #6F6488; border-color: var(--line); background: repeating-linear-gradient(135deg, #120B1D 0 6px, #0C0715 6px 12px); }
.bk-slot.is-pending { color: #F3D27A; border-color: rgba(245, 179, 1, .45); background: rgba(245, 179, 1, .10); }
.bk-legend .l-free::before { background: rgba(46, 173, 107, .14); border-color: rgba(46, 173, 107, .5); }
.bk-legend .l-pending::before { background: rgba(245, 179, 1, .12); border-color: rgba(245, 179, 1, .5); }
.bk-legend .l-busy::before { background: repeating-linear-gradient(135deg, #1A1128 0 3px, #0C0715 3px 6px); border-color: var(--line); }
.bk-dl > div { background: #0C0715; }
.bk-info { color: #E3CCFF; }

/* rozwijane menu */
.cs-list { box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .8), 0 0 0 1px rgba(180, 92, 255, .25), 0 0 40px -16px rgba(180, 92, 255, .6); }
.cs-foot { background: rgba(17, 10, 28, .95); }
.cs-box { background: transparent; border-color: #3A2A55; }
.cs-stack .cs-ico { border-color: var(--surface); }
.cs-opt.is-active .cs-ico { background: #2A1846; }
.cs-multi .cs-opt[aria-selected="true"] { background: #1A0F2C; }
.cs-opt[aria-selected="true"] { color: #E3CCFF; }
.cs-badge { color: #E3CCFF; }

/* cennik */
.price-table .quote { color: #E3CCFF; }
.st-tag { color: #E3CCFF; }
.st-card--pro { box-shadow: 0 0 34px rgba(180, 92, 255, .3); }

/* dymek „i”: jaśniejszy niż tło, z neonową krawędzią */
.tip-bubble, .tip-arrow { background: #1E1233; }
.tip-bubble { box-shadow: 0 18px 50px -14px rgba(0, 0, 0, .9), 0 0 0 1px rgba(180, 92, 255, .55), 0 0 26px -6px rgba(180, 92, 255, .7); }

/* mobilny pasek akcji */
.action-bar { background: color-mix(in srgb, var(--night) 92%, transparent); border-top-color: rgba(180, 92, 255, .25); }

/* „Już wkrótce” i 404 */
.nf-num { color: transparent; -webkit-text-stroke: 2px var(--sky); text-shadow: 0 0 40px rgba(180, 92, 255, .4); }

/* Duże napisy w tle: wypełnienie gradientem zamiast obrysu
   (obrys pokazywał nakładające się kontury liter fontu zmiennego) */
.hero-word, .footer-word, .nf-num, .steps li::before {
  -webkit-text-stroke: 0;
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-word {
  background-image: linear-gradient(180deg, rgba(186, 110, 255, .42) 0%, rgba(150, 70, 240, .16) 55%, rgba(120, 50, 220, 0) 100%);
  text-shadow: none; filter: drop-shadow(0 0 24px rgba(180, 92, 255, .22));
}
.footer-word {
  background-image: linear-gradient(180deg, rgba(186, 110, 255, .30) 0%, rgba(150, 70, 240, .06) 100%);
  text-shadow: none;
}
.nf-num {
  background-image: linear-gradient(180deg, #D2AEFF 0%, rgba(166, 77, 255, .35) 100%);
  text-shadow: none; filter: drop-shadow(0 0 26px rgba(180, 92, 255, .4));
}
.steps li::before {
  background-image: linear-gradient(180deg, #E3CCFF 0%, #A64DFF 100%);
  text-shadow: none; filter: drop-shadow(0 0 10px rgba(180, 92, 255, .45));
}

/* =========================================================
   KONTRAST I HIERARCHIA
   fiolet = akcja (przyciski, linki) · biel = wybrane / ważne · szarości = reszta
   ========================================================= */
:root {
  --bg: #08070B;          /* neutralna czerń */
  --surface: #121017;     /* karty: grafit, bez fioletu – fiolet zostaje dla akcji */
  --ice: #1E1A26;         /* tła ikon, pól */
  --line: #2E2839;
  --muted: #B9B1C9;       /* jaśniejszy tekst pomocniczy – lepsza czytelność */
  --ink: #FFFFFF;
  --sel: #FFFFFF;         /* kolor zaznaczenia */
  --sel-ink: #0B0812;     /* tekst na zaznaczeniu */
}
h1, h2, h3 { color: #fff; }
h2 { text-shadow: none; }

/* ikony pomocnicze: neutralne, fiolet tylko przy najechaniu */
.why-ico, .bk-h span, .avatar { background: var(--ice); color: #E9E4F2; box-shadow: inset 0 0 0 1px var(--line); }
.checks li svg, .info-list svg, .hero-facts svg { color: #CDB6F5; }
.tip { background: #2A2535; color: #E9E4F2; }
.tip:hover, .tip.is-on, .tip:focus-visible { background: #fff; color: var(--sel-ink); box-shadow: 0 0 0 3px rgba(180, 92, 255, .45); }
.pack--hot .tip { background: rgba(255, 255, 255, .22); color: #fff; }

/* dymek: biały, najwyższy kontrast */
.tip-bubble, .tip-arrow { background: #fff; }
.tip-bubble { color: #3A3348; box-shadow: 0 18px 50px -12px rgba(0, 0, 0, .9), 0 0 0 1px rgba(180, 92, 255, .35); }
.tip-title { color: var(--sel-ink); }
.tip-arrow { box-shadow: none; }

/* przełącznik wielkości auta: zaznaczenie na biało */
.seg { background: var(--surface); border-color: var(--line); }
.seg-thumb { background: #fff; box-shadow: 0 0 0 1px #fff, 0 0 18px rgba(180, 92, 255, .35); }
.seg button { color: #E9E4F2; }
.seg button[aria-pressed="true"] { color: var(--sel-ink); }
.seg button[aria-pressed="true"] small { color: #5E566E; }
.seg:not(.has-thumb) button[aria-pressed="true"] { background: #fff; }

/* chipy i cena w nagłówku podstrony */
.chips li { background: var(--surface); color: #E9E4F2; }
.chips li b { color: #fff; text-shadow: none; }

/* ---------- KALENDARZ ---------- */
.booking { background: #0F0D14; border-color: var(--line); box-shadow: 0 30px 70px -40px rgba(0, 0, 0, .9); }
.bk-h { color: #fff; }
.bk-h span { background: #fff; color: var(--sel-ink); box-shadow: none; font-weight: 800; }
.field label { color: #fff; }
.opt { color: var(--muted); }

/* pole wyboru usługi */
.cs-btn { background: #17141E; border-color: #3A3346; color: #fff; }
.cs-btn:hover { border-color: #7C6F94; }
.cs-btn:focus-visible, .cs.is-open .cs-btn { border-color: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .12); }
.cs-btn .cs-ico, .cs-stack .cs-ico { background: #fff; color: var(--sel-ink); box-shadow: none; }
.cs-stack .cs-ico { border-color: #17141E; }
.cs-badge { background: #fff; color: var(--sel-ink); }
.cs-chev { color: #CFC8DC; }
.cs.is-open .cs-chev { color: #fff; }

/* lista usług: neutralne pozycje, zaznaczone na biało */
.cs-list { background: #15121B; border-color: #3A3346; }
.cs-group { color: #8F86A3; }
.cs-group::after { background: #2E2839; }
.cs-tip { color: #8F86A3; }
.cs-opt { color: #E9E4F2; }
.cs-opt .cs-ico { background: #221E2B; color: #CFC8DC; box-shadow: none; }
.cs-opt.is-active, .cs-multi .cs-opt.is-active { background: #221E2B; }
.cs-opt.is-active .cs-ico { background: #2D2838; }
.cs-hint { color: #8F86A3; }
.cs-opt[aria-selected="true"], .cs-multi .cs-opt[aria-selected="true"] { background: #fff; color: var(--sel-ink); font-weight: 700; }
.cs-opt[aria-selected="true"] .cs-ico { background: #0B0812; color: #fff; box-shadow: none; }
.cs-opt[aria-selected="true"] .cs-hint { color: #5E566E; }
.cs-opt[aria-selected="true"] .tip { background: #ECE8F3; color: var(--sel-ink); }
.cs-box { border-color: #4A4258; }
.cs-opt[aria-selected="true"] .cs-box { background: #0B0812; border-color: #0B0812; color: #fff; box-shadow: none; }
.cs-check { color: var(--sel-ink); }
.cs-foot { background: rgba(21, 18, 27, .97); border-top-color: #2E2839; }
.cs-count { color: #CFC8DC; }
.bk-info { background: #1E1A26; color: #fff; border-left: 3px solid #fff; }

/* dni i godziny: zaznaczone na biało, wolne czytelne, zajęte wyciszone */
.bk-day { background: #121017; border-color: #2E2839; color: #A39AB5; }
.bk-day b { color: #fff; }
.bk-day:not(:disabled):hover { border-color: #fff; }
.bk-day.is-selected { background: #fff; border-color: #fff; color: #5E566E; box-shadow: 0 0 0 3px rgba(180, 92, 255, .35); }
.bk-day.is-selected b { color: var(--sel-ink); }
.bk-day.is-full b { color: #6B6380; }
.bk-day-title { color: #fff; }
.bk-slot { background: #15131B; border-color: rgba(46, 173, 107, .55); color: #fff; }
.bk-slot small { color: #A39AB5; }
.bk-slot:not(:disabled):hover { border-color: #fff; background: #1D1A24; }
.bk-slot.is-selected { background: #fff; border-color: #fff; color: var(--sel-ink); box-shadow: 0 0 0 3px rgba(180, 92, 255, .35); }
.bk-slot.is-selected small { color: #5E566E; }
.bk-slot.is-busy { color: #5A536A; border-color: #221E2B; background: repeating-linear-gradient(135deg, #0F0D13 0 6px, #0B0A0E 6px 12px); }
.bk-slot.is-busy small { color: #5A536A; }
.bk-legend { color: #A39AB5; }
.bk-how { border-left-color: #fff; }
.bk-how b { color: #fff; }

/* podsumowanie: wartości białe i wyraźne */
.bk-side { background: #121017; border: 1px solid var(--line); }
.bk-sum > div { background: #0B0A0F; border-color: #2E2839; }
.bk-sum dt { color: #8F86A3; }
.bk-sum dd { color: #fff; }
.bk-consent { color: #CFC8DC; }

/* ---------- CENNIKI I KARTY ---------- */
.price-table thead th { color: #8F86A3; }
.price-table .svc small, .price-table .time, .price-table .vat { color: #A39AB5; }
.price-table .amt { color: #fff; }
.pack { background: var(--surface); }
.pack-for, .pack ul { color: #CFC8DC; }
.pack li svg { color: #fff; }
.pack--hot li svg { color: #fff; filter: none; }
.pack-price .from, .pack-price s { color: #8F86A3; }
.pack:not(.pack--hot):hover { border-color: #fff; }
.trust-list span { color: #A39AB5; }
.trust-list strong { color: #fff; }
.quote blockquote { color: #F1EEF6; }
.faq summary { color: #fff; }
.faq summary::after { background-color: #221E2B; }
.faq details p { color: #B9B1C9; }
.related a { color: #fff; }
.related a span { color: #A39AB5; }
.related a:hover { border-color: #fff; box-shadow: none; }
.field input, .field select, .field textarea { background: #0B0A0F; border-color: #3A3346; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #fff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .12); }

/* --- nowe elementy w wersji ciemnej --- */
.nav-phone { border-color: rgba(255, 255, 255, .7); }
.social-dock a { background: #16131C; color: #fff; border-color: #3A3346; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .8); }
.social-dock a:hover { background: #fff; color: #0B0812; box-shadow: 0 0 0 3px rgba(180, 92, 255, .45); }
.cta-band--home { background: linear-gradient(135deg, #8B2CF5 0%, #5B12C0 100%); }
.more-link a { color: #fff; }
.more-link a:hover { color: #CDB6F5; }
/* menu ☰ w wersji ciemnej */
.nav-toggle { background: #1E1A26; color: #fff; }
.nav-toggle[aria-expanded="true"] { background: #fff; color: #0B0812; }
.nav { background: #121017; border-color: #2E2839; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .9); }
.nav a:not(.btn) { color: #fff; }
.nav a:not(.btn):hover, .nav a[aria-current="page"] { background: #221E2B; color: #fff; box-shadow: none; }
/* przełącznik motywu w wersji ciemnej */
.theme-toggle { border-color: #3A3346; color: #fff; }
.theme-toggle:hover { border-color: #fff; background: #1E1A26; }