/* WROSKO — strony sprzedaży (A: Analiza / B: Zamów wniosek), system wizualny 1:1 z wynik20.css
 * (branding.md: wzorzec 1448, 11.06.2026). Rogi proste, karty białe #e5edf4, CTA amber #E4A82D, font Salmond. */
@font-face{font-family:"Salmond";src:url("https://wrosko.pl/wp-content/uploads/2025/08/Salmond-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Salmond";src:url("https://wrosko.pl/wp-content/uploads/2025/08/Salmond-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Salmond";src:url("https://wrosko.pl/wp-content/uploads/2025/08/Salmond-Semibold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
#wrsp{--wr-navy:#224057;--wr-ink:#224057;--wr-muted:#5d6d7c;--wr-blue:#409dbb;--wr-blue-dark:#357f9a;--wr-blue-soft:#e7f4f8;--wr-lblue:#a0cde0;--wr-pink:#c64b8f;--wr-gold:#e4a82d;--wr-gold-hover:#d67d2d;--wr-poz:#a35d1f;--wr-gold-soft:#fff7df;--wr-green:#1f7a5a;--wr-green-soft:#e6f4ee;--wr-red:#b23a3a;--wr-red-soft:#fbeaea;--wr-line:#e5edf4;--wr-bg:#f5f7fa;--wr-shadow:0 8px 24px rgba(34,64,87,.06);
 font-family:"Salmond","Inter","Segoe UI",Arial,sans-serif;color:var(--wr-ink);line-height:1.55;max-width:960px;margin:0 auto;padding:16px 16px 64px;box-sizing:border-box}
#wrsp *,#wrsp *:before,#wrsp *:after{box-sizing:inherit}
#wrsp [hidden]{display:none!important}
#wrsp h1{font-size:clamp(24px,4vw,34px);line-height:1.2;color:var(--wr-navy);font-weight:600;margin:8px 0 10px}
#wrsp h2{font-size:clamp(20px,3vw,26px);color:var(--wr-navy);font-weight:600;margin:0 0 8px}
#wrsp h3{font-size:18px;color:var(--wr-navy);font-weight:600;margin:0 0 8px}
#wrsp p{margin:0 0 10px}
#wrsp a{color:var(--wr-blue-dark);text-decoration-color:var(--wr-lblue)}
#wrsp a:hover{color:var(--wr-navy)}
#wrsp ul,#wrsp ol{margin:4px 0 10px 20px;padding:0}
#wrsp li{margin:4px 0}
#wrsp .wrsp-sec{position:relative;overflow:hidden;background:#fff;border:1px solid var(--wr-line);border-radius:0;padding:20px;margin:16px 0;box-shadow:var(--wr-shadow)}
/* kątownik brandowy w prawym górnym rogu karty (kanon 1448), kolory rotacyjnie */
#wrsp .wrsp-sec:after{content:"";position:absolute;right:14px;top:14px;width:24px;height:24px;opacity:.56;pointer-events:none;border-top:7px solid var(--wr-mark,var(--wr-pink));border-right:7px solid var(--wr-mark,var(--wr-pink));border-radius:1px}
#wrsp .wrsp-sec:nth-of-type(4n+1){--wr-mark:var(--wr-pink)}
#wrsp .wrsp-sec:nth-of-type(4n+2){--wr-mark:var(--wr-blue)}
#wrsp .wrsp-sec:nth-of-type(4n+3){--wr-mark:var(--wr-gold)}
#wrsp .wrsp-sec:nth-of-type(4n){--wr-mark:var(--wr-lblue)}
#wrsp .wrsp-lead{color:var(--wr-muted);font-size:16px}
#wrsp .wrsp-small{font-size:13px;color:var(--wr-muted)}
/* pasek nad stroną (F0), sticky na mobile */
#wrsp .wrsp-pasek{background:var(--wr-navy);color:#fff;font-size:14px;padding:10px 14px;margin:0 0 12px}
@media(max-width:760px){#wrsp .wrsp-pasek{position:sticky;top:0;z-index:20}}
/* przyciski — kanon WWW: primary amber/granat, radius 0 */
#wrsp .wrsp-btn{display:inline-block;background:var(--wr-gold);color:var(--wr-navy)!important;text-decoration:none;font-weight:500;font-family:inherit;padding:14px 22px;border-radius:0;border:0;font-size:16px;cursor:pointer;margin:6px 8px 6px 0;transition:background .15s,transform .15s}
#wrsp .wrsp-btn:hover{background:var(--wr-gold-hover);transform:translateY(-2px)}
#wrsp .wrsp-btn--second{background:transparent;color:#fff!important;border:2px solid #fff;padding:12px 20px}
#wrsp .wrsp-btn--second:hover{background:#fff;color:var(--wr-navy)!important}
#wrsp .wrsp-btn--ghost{background:transparent;color:var(--wr-navy)!important;border:2px solid var(--wr-navy);padding:12px 20px}
#wrsp .wrsp-btn--ghost:hover{background:var(--wr-navy);color:#fff!important;transform:none}
/* hero */
#wrsp .wrsp-hero{margin:8px 0 4px}
/* lista „trzy rzeczy” / kroki */
#wrsp .wrsp-punkty li{margin:8px 0}
/* dwie kolumny dla kogo / dla kogo nie */
#wrsp .wrsp-dlakogo{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){#wrsp .wrsp-dlakogo{grid-template-columns:1fr 1fr}}
#wrsp .wrsp-dlakogo-box{border-left:4px solid var(--wr-green);background:var(--wr-green-soft);padding:12px 14px}
#wrsp .wrsp-dlakogo-box--nie{border-color:var(--wr-red);background:var(--wr-red-soft)}
/* blok ceny */
#wrsp .wrsp-cena{background:var(--wr-blue-soft);padding:12px 14px;margin:0 0 10px;font-size:15px}
#wrsp .wrsp-cena b{font-size:18px}
/* sekcja granatowa CTA z patternem 1448 */
#wrsp .wrsp-cta{position:relative;background:var(--wr-navy);color:#fff;border-radius:0;padding:24px;margin:16px 0;overflow:hidden}
#wrsp .wrsp-cta:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;filter:saturate(1.35) contrast(1.05);background-image:url("https://wrosko.pl/wp-content/uploads/2025/08/wzor-mix-RGB.png"),url("https://wrosko.pl/wp-content/uploads/2025/08/wzor-mix-RGB-copy.png"),url("https://wrosko.pl/wp-content/uploads/2025/08/2.png"),url("https://wrosko.pl/wp-content/uploads/2025/08/wzor-mix-RGB-copy-1.png");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:88px auto,104px auto,82px auto,74px auto;background-position:7% 10%,94% 12%,64% 94%,12% 86%}
#wrsp .wrsp-cta > *{position:relative;z-index:1}
#wrsp .wrsp-cta h2,#wrsp .wrsp-cta h3{color:#fff}
#wrsp .wrsp-cta a{color:#fff}
/* FAQ */
#wrsp .wrsp-faq details{border-top:1px solid var(--wr-line);padding:8px 0}
#wrsp .wrsp-faq summary{cursor:pointer;font-weight:500;color:var(--wr-navy)}
/* dowody */
#wrsp .wrsp-dowody{display:flex;gap:16px;flex-wrap:wrap;font-weight:500;color:var(--wr-navy)}
/* warianty nagłówka per stan (strona B) */
#wrsp .wrsp-stan{border-left:4px solid var(--wr-line);background:var(--wr-bg);padding:12px 16px;margin:0 0 8px}
#wrsp .wrsp-stan--1,#wrsp .wrsp-stan--2{border-color:var(--wr-green);background:var(--wr-green-soft)}
#wrsp .wrsp-stan--3{border-color:var(--wr-red);background:var(--wr-red-soft)}
#wrsp .wrsp-stan--4{border-color:var(--wr-blue);background:var(--wr-blue-soft)}
#wrsp .wrsp-badge{display:inline-block;background:var(--wr-green);color:#fff;font-weight:600;font-size:13px;letter-spacing:.08em;padding:5px 12px;margin:0 0 6px}
/* podsumowanie zamówienia (po ankiecie) */
#wrsp .wrsp-podsum{border:2px solid var(--wr-gold);background:var(--wr-gold-soft);padding:20px;margin:16px 0}
#wrsp .wrsp-podsum table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;margin:8px 0 12px}
#wrsp .wrsp-podsum td{border:1px solid var(--wr-line);padding:8px 10px;vertical-align:top}
#wrsp .wrsp-podsum td:first-child{color:var(--wr-muted);width:38%}
#wrsp .wrsp-przelew{background:#fff;border:1px dashed var(--wr-navy);padding:14px;margin:10px 0 0;font-size:15px}
#wrsp .wrsp-placeholder{background:var(--wr-red-soft);color:var(--wr-red);font-weight:600;padding:2px 6px}
/* linia programu + badge typu finansowania (A-CHECK pkt 5: DOTACJA zielony / POŻYCZKA pomarańczowy) */
#wrsp .wrsp-progline{margin:4px 0 2px;color:var(--wr-navy)}
#wrsp .wrsp-badgetyp{display:inline-block;font-weight:600;font-size:12px;letter-spacing:.08em;padding:3px 10px;margin-right:6px;color:#fff;background:var(--wr-green)}
#wrsp .wrsp-badgetyp--poz{background:var(--wr-poz)}  /* P30: 3,08:1 -> 5,07:1 (WCAG AA dla malego tekstu) */
/* dwie równorzędne drogi zamówienia: ankieta online / mail */
#wrsp .wrsp-drogi{display:grid;grid-template-columns:1fr;gap:14px;margin:10px 0}
@media(min-width:760px){#wrsp .wrsp-drogi{grid-template-columns:1fr 1fr}}
#wrsp .wrsp-droga{border:1px solid var(--wr-line);background:var(--wr-bg);padding:14px 16px}
#wrsp .wrsp-droga h3{margin-bottom:6px}
#wrsp .wrsp-droga .wrsp-btn{margin-bottom:0}
/* sekcje rozwijane ze szczegółami */
#wrsp .wrsp-details{border:1px solid var(--wr-line);background:var(--wr-bg);padding:8px 12px;margin:10px 0}
#wrsp .wrsp-details summary{cursor:pointer;font-weight:500;color:var(--wr-blue-dark);padding:2px 0}
#wrsp .wrsp-details[open] summary{margin-bottom:6px;color:var(--wr-navy)}
/* rozdzielnik: kafle programów */
#wrsp .wrsp-kafle{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}
@media(min-width:760px){#wrsp .wrsp-kafle{grid-template-columns:1fr 1fr}}
#wrsp .wrsp-kafel{display:block;background:#fff;border:1px solid var(--wr-line);padding:18px;box-shadow:var(--wr-shadow);text-decoration:none;color:var(--wr-ink);transition:transform .15s,border-color .15s}
#wrsp .wrsp-kafel:hover{transform:translateY(-2px);border-color:var(--wr-blue)}
#wrsp .wrsp-kafel h3{margin:8px 0 6px}
#wrsp .wrsp-kafel p{margin:0;font-size:14px;color:var(--wr-muted)}
/* stopka */
#wrsp .wrsp-stopka{font-size:13px;color:var(--wr-muted);border-top:1px solid var(--wr-line);padding-top:14px;margin-top:24px}
#wrsp .wrsp-stopka a{color:var(--wr-blue-dark)}
@media(max-width:640px){#wrsp .wrsp-btn{display:block;text-align:center}}

/* ---- partia 2 paczki 17 (19.08) ---- */
/* P31: wiersz mial 106-111 znakow przy kanonie 50-75. Ograniczamy TYLKO akapity, listy i blok ceny;
   siatki dwukolumnowe (.wrsp-drogi, .wrsp-dlakogo, .wrsp-kafle) i tabela podsumowania bez zmian. */
#wrsp p,#wrsp li,#wrsp .wrsp-cena{max-width:72ch}
#wrsp .wrsp-dowody{max-width:none}
/* P09: pole akceptacji regulaminu mialo 13x13 px (WCAG wymaga 24x24) — to ostatni klik przed przelewem */
#wrsp #wrsp-akcept{width:24px;height:24px;min-width:24px;vertical-align:middle;margin:0 8px 0 0;accent-color:var(--wr-navy);cursor:pointer}
#wrsp .wrsp-akcept-linia{display:flex;align-items:flex-start;gap:2px;font-size:14px;color:var(--wr-ink);line-height:1.5}
#wrsp .wrsp-akcept-linia label{cursor:pointer}
#wrsp .wrsp-akcept-warn{display:block;color:#b3261e;font-weight:500;margin-top:6px}
/* P20 + P08: reguly SPOZA #wrsp — ten arkusz laduje sie wylacznie na 6 stronach lejka platnego
   (link do niego siedzi w tresci tych stron), wiec nie dotyka reszty serwisu.
   P20: motyw renderuje wlasny H1 (.entry-title) dublujacy nagłowek strony — font systemowy, szarosc.
   P08: przycisk „Umow bezplatna rozmowe" w headerze wyprowadzal klienta ze strony platnej do /kontakt/. */
.page-header{display:none!important}
header .elementor-widget-button:has(a[href*="/kontakt/"]){display:none!important}
header .elementor-widget-button a[href*="/kontakt/"]{display:none!important}
/* P56 (19.08): sekcja „Z kim masz do czynienia" — twarz, nazwisko, rola, telefon przed wplata */
#wrsp .wrsp-osoby{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0}
@media(min-width:640px){#wrsp .wrsp-osoby{grid-template-columns:1fr 1fr}}
#wrsp .wrsp-osoba{display:flex;align-items:center;gap:12px;background:var(--wr-bg);border:1px solid var(--wr-line);padding:12px 14px}
#wrsp .wrsp-osoba img{width:64px;height:64px;border-radius:50%;flex:0 0 64px;object-fit:cover}
#wrsp .wrsp-osoba a{font-weight:600;white-space:nowrap}
#wrsp .wrsp-osoba .wrsp-small{display:inline-block;margin:2px 0}

/* --- kafle rozdzielnika: cena i przycisk w kaflu (21.08.2026) ------------------------------
   Powod: kafel byl calym linkiem, ale nic w nim nie wygladalo na klikalne, a cena szla muted
   czcionka 14px razem z opisem. Uwaga Michala: „do chuja nie wiadomo co kliknac". Przycisk jest
   <span>, nie <a>, bo kafel juz jest linkiem — zagniezdzone <a> to niepoprawny HTML. Dzieki temu
   klikalny zostaje CALY kafel, a przycisk mowi, co sie stanie. */
/* align-items:flex-start, bo flex domyslnie rozciaga dzieci na cala szerokosc i plakietka
   DOTACJA/POZYCZKA zamieniala sie w pasek przez caly kafel. Przycisk rozciagamy osobno. */
#wrsp .wrsp-kafel{display:flex;flex-direction:column;align-items:flex-start}
#wrsp .wrsp-kafel .wrsp-kcena{margin:8px 0 6px;font-size:15px;color:var(--wr-ink);font-weight:600}
#wrsp .wrsp-kafel .wrsp-kcena b{font-size:21px;font-weight:700;margin-right:5px}
#wrsp .wrsp-kafel .wrsp-kopis{flex:1 1 auto}
#wrsp .wrsp-kafel .wrsp-btn{margin:14px 0 0;width:100%;align-self:stretch;text-align:center;padding:12px 16px}
#wrsp .wrsp-kafel:hover .wrsp-btn{background:var(--wr-gold-hover)}
/* trzecia droga wyboru: siatka drog dopuszcza tez uklad 3-kolumnowy */
@media(min-width:900px){#wrsp .wrsp-drogi--3{grid-template-columns:1fr 1fr 1fr}}