/* v84 — skin podstron (strony SEO, poradniki, Inspektor, Kontrola remontu, kontakt, strony prawne).
   Wyłącznie prezentacja. Nie dotyczy /raport/ ani /po-platnosci/ (przepływ płatności i raportu). */
:root{--q-green:#0e4d41;--q-deep:#0a2a24;--q-accent:#d4501f;--q-accent2:#f0912f;--q-line:rgba(14,77,65,.14);--q-ease:cubic-bezier(.22,.8,.24,1)}
html[data-theme=dark]{--q-accent:#ff956f;--q-accent2:#ffc27a;--q-line:rgba(165,216,178,.2)}
.v84-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:90;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--q-accent),var(--q-accent2));pointer-events:none}

/* ——— strony SEO ——— */
.seo-page{background:radial-gradient(900px 420px at 85% -80px,rgba(200,241,220,.55),transparent 62%),var(--seo-bg)}
html[data-theme=dark] .seo-page{background:radial-gradient(900px 420px at 85% -80px,rgba(46,120,92,.3),transparent 62%),var(--seo-bg)}
.seo-nav{position:sticky;top:10px;z-index:50;margin:10px auto 0;width:min(1180px,calc(100% - 24px));padding:12px 18px;border:1px solid var(--q-line);border-radius:20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transition:box-shadow .3s}
html[data-theme=dark] .seo-nav{background:rgba(23,35,31,.82)}
.seo-nav.is-scrolled{box-shadow:0 18px 40px -22px rgba(10,42,36,.45)}
.seo-brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:-.01em}
.seo-brand::before{content:"R";display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--q-accent),var(--q-accent2));color:#fff;font-weight:850;font-size:16px;box-shadow:0 8px 18px -8px var(--q-accent)}
.seo-nav-links a:not(.seo-btn){position:relative;padding:6px 2px}
.seo-nav-links a:not(.seo-btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--q-accent);transform:scaleX(0);transition:transform .3s var(--q-ease)}
.seo-nav-links a:not(.seo-btn):hover::after{transform:scaleX(1)}
.seo-btn{border-radius:14px;min-height:46px;box-shadow:0 14px 28px -14px rgba(14,77,65,.6);background:var(--q-green);transition:transform .25s var(--q-ease),box-shadow .25s var(--q-ease)}
.seo-btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(14,77,65,.65)}
.seo-wrap{padding-top:22px}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seo-breadcrumb a{text-decoration:none;font-weight:650;color:var(--q-green)}
html[data-theme=dark] .seo-breadcrumb a{color:#a5d8b2}

.seo-hero{position:relative;isolation:isolate;overflow:hidden;margin:10px 0 8px;padding:clamp(28px,5vw,60px);border-radius:32px;color:#fff;background:radial-gradient(640px 320px at 100% 0,rgba(127,227,180,.28),transparent 62%),radial-gradient(520px 300px at 0 110%,rgba(255,150,100,.22),transparent 62%),linear-gradient(140deg,#0a2a24,#0e4d41);box-shadow:0 36px 80px -40px rgba(10,42,36,.6)}
.seo-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 75%);mask-image:linear-gradient(160deg,#000,transparent 75%)}
.seo-hero::after{content:"";position:absolute;right:-30px;bottom:-30px;width:min(46%,380px);aspect-ratio:1.4;z-index:-1;opacity:.5;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 200' fill='none' stroke='%23c8f1dc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 170V60l60-40h120v150z'/><path d='M80 20v50h120M20 100h60M140 70v100M200 100h60M20 170h240'/><circle cx='170' cy='125' r='22'/><path d='M200 20l60 40v110' stroke-dasharray='4 6'/></svg>") no-repeat center/contain}
.seo-hero .seo-eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#ffd2bd;letter-spacing:.12em}
.seo-hero h1{color:#fff;font-weight:850;letter-spacing:-.035em;margin-top:16px}
.seo-hero p{color:#cfe3dc;max-width:40em}
.seo-hero .seo-cta{margin-top:26px}
.seo-hero .seo-cta a:not(.seo-btn){display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:14px;border:1.5px solid rgba(255,255,255,.4);color:#fff;font-weight:750;text-decoration:none;transition:background .2s,transform .25s var(--q-ease)}
.seo-hero .seo-cta a:not(.seo-btn):hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.seo-hero .seo-btn{background:linear-gradient(95deg,var(--q-accent),var(--q-accent2));box-shadow:0 16px 30px -12px rgba(212,80,31,.7)}

.seo-card{border-radius:26px;padding:clamp(22px,3.4vw,36px);margin:18px 0;border-color:var(--q-line);box-shadow:0 18px 50px -34px rgba(10,42,36,.35)}
.seo-card h2{font-weight:850;letter-spacing:-.025em;font-size:clamp(1.4rem,2.6vw,1.9rem);position:relative;padding-bottom:12px;margin-bottom:16px}
.seo-card h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--q-accent),var(--q-accent2))}
.seo-card h3{font-size:1.06rem}
.seo-card ul{padding-left:0;list-style:none}
.seo-card ul li{position:relative;padding-left:28px}
.seo-card ul li::before{content:"✓";position:absolute;left:0;top:.05em;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(31,157,107,.14);color:#1f9d6b;font-size:11px;font-weight:900}
.seo-table{border-radius:16px;overflow:hidden;border:1px solid var(--q-line)}
.seo-table th{background:rgba(14,77,65,.06);text-transform:uppercase;letter-spacing:.06em;font-size:11px}
html[data-theme=dark] .seo-table th{background:rgba(165,216,178,.08)}
.seo-table tbody tr:last-child td{border-bottom:0}
.seo-table tbody tr:hover td{background:rgba(14,77,65,.04)}
.seo-grid a{border-radius:18px;transition:transform .3s var(--q-ease),box-shadow .3s var(--q-ease),border-color .3s}
.seo-grid a:hover{transform:translateY(-4px);border-color:var(--q-green);box-shadow:0 24px 44px -28px rgba(10,42,36,.5)}
.seo-grid small{color:var(--q-accent);font-weight:750}
.seo-card:last-of-type{background:linear-gradient(140deg,#0a2a24,#0e4d41);border:0;color:#fff}
.seo-card:last-of-type h2,.seo-card:last-of-type p{color:#fff}.seo-card:last-of-type p{color:#cfe3dc}
.seo-card:last-of-type .seo-cta a:not(.seo-btn){color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:750}
.seo-card:last-of-type .seo-btn{background:linear-gradient(95deg,var(--q-accent),var(--q-accent2))}
.seo-footer{max-width:1180px;margin:30px auto 0;border-top:1px solid var(--q-line)}
.seo-footer a{color:var(--q-green);font-weight:700}html[data-theme=dark] .seo-footer a{color:#a5d8b2}

/* ——— strony z design.css: Inspektor, Kontrola remontu, kontakt ——— */
.topbar{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);position:sticky;top:10px;z-index:50;border:1px solid var(--q-line);transition:box-shadow .3s}
.topbar.is-scrolled{box-shadow:0 18px 40px -22px rgba(10,42,36,.45)}
.ihero,.control-hero{box-shadow:0 36px 80px -40px rgba(10,42,36,.6)}
.ihero h1,.control-hero h1{letter-spacing:-.035em;font-weight:850}
.panel,.tool-panel,.company-card{border-radius:26px}
.btn,.primary,.outline{transition:transform .25s var(--q-ease),box-shadow .25s var(--q-ease)}
.btn:hover,.primary:hover{transform:translateY(-2px)}
.choice{transition:transform .3s var(--q-ease),box-shadow .3s var(--q-ease)}.choice:hover{transform:translateY(-3px)}
.contact-page{max-width:980px;margin-inline:auto}
.company-card,.contact-actions{border-radius:24px}

/* ——— strony prawne ——— */
body:not([class]) .wrap{max-width:860px;margin-inline:auto;padding:clamp(18px,4vw,40px) 18px 80px}
body:not([class]) .box{background:var(--paper,#fff);border:1px solid var(--q-line);border-radius:26px;padding:clamp(22px,4vw,44px);box-shadow:0 18px 50px -34px rgba(10,42,36,.35);line-height:1.75}
body:not([class]) .box h1{letter-spacing:-.03em;font-weight:850}
body:not([class]) .box h2{margin-top:1.8em;font-size:1.3rem;letter-spacing:-.02em}
body:not([class]) .top{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* ——— ruch ——— */
.v84p-js .rv{opacity:0;transform:translateY(22px);transition:opacity .75s var(--q-ease),transform .75s var(--q-ease)}
.v84p-js .rv.in{opacity:1;transform:none}
.v84-sticky{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:none;align-items:center;justify-content:center;min-height:54px;border-radius:16px;background:linear-gradient(95deg,var(--q-accent),var(--q-accent2));color:#fff;font-weight:800;text-decoration:none;box-shadow:0 20px 40px -14px rgba(10,42,36,.7);transform:translateY(140%);transition:transform .45s var(--q-ease)}
.v84-sticky.show{transform:none}
body .cookie-choice{max-width:440px;padding:14px 16px;border-radius:18px}
@media(max-width:760px){
 .seo-nav{top:6px;border-radius:16px}.seo-hero{border-radius:24px}.seo-hero::after{opacity:.3;width:70%}
 .seo-card{border-radius:20px}.seo-hero .seo-cta{flex-direction:column;align-items:stretch}.seo-hero .seo-cta>*{justify-content:center;text-align:center}
 .v84-sticky{display:flex}
 body .cookie-choice{left:10px;right:10px;bottom:10px;max-width:none;padding:11px 12px}
 body .cookie-choice p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 8px;font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.v84p-js .rv{opacity:1;transform:none;transition:none}.seo-btn,.seo-grid a,.btn,.primary,.choice{transition:none}}
@media print{.v84-progress,.v84-sticky{display:none!important}.seo-hero{background:#fff!important;color:#000!important;box-shadow:none}.seo-hero h1,.seo-hero p{color:#000!important}}

@media(min-width:761px){.v84-sticky{display:none!important}}
@media(max-width:760px){.v84-sticky{display:flex!important}}

/* karta końcowa (CTA) — wymuszone ciemne tło ponad starsze !important z v77 */
main.seo-wrap>section.seo-card:last-child{background:linear-gradient(140deg,#0a2a24,#0e4d41)!important;border:0!important;color:#fff!important;box-shadow:0 36px 80px -40px rgba(10,42,36,.6)!important}
main.seo-wrap>section.seo-card:last-child h2{color:#fff!important}
main.seo-wrap>section.seo-card:last-child p{color:#cfe3dc!important}
main.seo-wrap>section.seo-card:last-child .seo-cta a:not(.seo-btn){color:#fff!important;border:1.5px solid rgba(255,255,255,.4);padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:750;display:inline-flex;align-items:center;min-height:46px;box-sizing:border-box}
main.seo-wrap>section.seo-card:last-child .seo-btn{background:linear-gradient(95deg,#d4501f,#f0912f)!important}
main.seo-wrap>section.seo-card:last-child a:not(.seo-btn):not(.seo-grid a){color:#fff}
.seo-grid a{display:block!important}
.seo-grid a small{display:block!important;margin-top:6px}
/* nagłówek podstron z design.css (Inspektor, Kontrola remontu): logo i menu w jednej linii */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;border:0;background:transparent;padding:0}
.topbar .brand-mark{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--q-accent),var(--q-accent2));color:#fff;font-weight:850;font-size:17px;line-height:1;box-shadow:0 8px 18px -8px var(--q-accent)}
.topbar nav,.topbar .nav-links{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.topbar nav a{padding:6px 2px}

/* ——— tryb ciemny stron SEO (v77 wymuszał jasne tła przez !important) ——— */
html[data-theme=dark] .seo-page{background:radial-gradient(900px 420px at 85% -80px,rgba(46,120,92,.3),transparent 62%),#101815!important;color:#eef4f0}
html[data-theme=dark] .seo-card{background:#17231f!important;border-color:rgba(165,216,178,.2)!important;color:#eef4f0;box-shadow:0 18px 50px -34px rgba(0,0,0,.7)!important}
html[data-theme=dark] .seo-card :is(h2,h3,p,li,td,th,strong,summary){color:#eef4f0}
html[data-theme=dark] .seo-card p,html[data-theme=dark] .seo-card li{color:#d3dfd8}
html[data-theme=dark] .seo-nav a:not(.seo-btn),html[data-theme=dark] .seo-brand{color:#eef4f0!important}
html[data-theme=dark] .seo-breadcrumb,html[data-theme=dark] .seo-footer{color:#b6c2bc}
html[data-theme=dark] .seo-breadcrumb a,html[data-theme=dark] .seo-footer a{color:#a5d8b2!important}
html[data-theme=dark] .seo-grid a{background:#1b2b26!important;color:#eef4f0!important;border-color:rgba(165,216,178,.2)}
html[data-theme=dark] .seo-grid a small{color:#ff956f!important}
html[data-theme=dark] .seo-table th{color:#c9d9d2}
html[data-theme=dark] .seo-table td,html[data-theme=dark] .seo-table th{border-color:rgba(165,216,178,.18)!important}
html[data-theme=dark] .city-pills a{color:#eef4f0;border-color:rgba(165,216,178,.25)}
html[data-theme=dark] .budget-form input,html[data-theme=dark] .budget-form select{background:#101815!important;color:#eef4f0!important;border-color:rgba(165,216,178,.25)!important}
html[data-theme=dark] .seo-note{background:rgba(255,149,111,.1)!important;color:#eef4f0}
html[data-theme=dark] .seo-card:last-of-type .seo-cta a:not(.seo-btn){color:#fff}
/* strony z design.css, ciemny motyw */
html[data-theme=dark] .contact-page .eyebrow{color:#ff9a73!important}
html[data-theme=dark] .outline.small{background:rgba(23,42,37,.9)!important;color:#eef4f0!important;border-color:rgba(165,216,178,.35)!important}
.contact-page .eyebrow{color:#b64020!important}
html[data-theme=dark] .seo-nav{background:rgba(23,35,31,.88)!important;border-color:rgba(165,216,178,.2)!important}
html[data-theme=dark] .seo-brand span{color:#ff956f!important}

/* v87 — kontrast marki i drobnego tekstu (WCAG AA) */
html:not([data-theme=dark]) .brand>span:last-child>span,html:not([data-theme=dark]) .seo-brand span{color:#c2451f}
html:not([data-theme=dark]) .seo-grid small{color:#b64020}
html:not([data-theme=dark]) .mini{color:#55625d}
/* v87b — kontrast AA: logo w nagłówku, drobny tekst, przycisk zgody */
html:not([data-theme=dark]) header .brand>span:last-child>span{color:#c2451f!important}
footer .footer-brand>span:last-child>span{color:#ff9a73!important}
html:not([data-theme=dark]) :is(.mini,.premium-drop small,.message-demo){color:#55625d!important}
.consent-unlock{background:#1565c0!important}
/* v87c — tryb ciemny: czytelność drobnych elementów */
html[data-theme=dark] #action-menu,html[data-theme=dark] #action-menu option{color:#e6ece5!important;background-color:#162823}
html[data-theme=dark] .report-motion-footer{color:#a9bcb4!important}
html[data-theme=dark] #home-screen>.benefits p{color:#d3e6dc!important}
html[data-theme=dark] .mini{color:#a9bcb4!important}
html[data-theme=dark] .topbar{background:rgba(23,42,37,.88)!important;border-color:rgba(165,216,178,.2)!important}
html[data-theme=dark] .topbar :is(a,button:not(#theme-toggle):not(#nav-toggle)){color:#e6ece5}
html[data-theme=dark] .topbar .brand>span:last-child{color:#e6ece5}
html[data-theme=dark] .topbar .brand>span:last-child>span{color:#ff9a73!important}
/* v87d — nadpisanie !important z v77 w trybie ciemnym */
html[data-theme=dark] .topbar .brand>span:last-child{color:#e6ece5!important}
html[data-theme=dark] .topbar a,html[data-theme=dark] #product-mobile-navigation a{color:#e6ece5!important}
html[data-theme=dark] :is(.panel,.tool-panel,.company-card,.contact-actions,.choice) .mini{color:#55625d!important}
html[data-theme=dark] :is(.primary-action,.secondary-action) small{color:#d3e6dc!important}
html[data-theme=dark] .message-demo{color:#d3e6dc!important}
html[data-theme=dark] .premium-actions .premium-action small,html[data-theme=dark] a.premium-action span small,html[data-theme=dark] .primary-action small,html[data-theme=dark] .secondary-action small{color:#e3efe9!important;opacity:1!important}
html[data-theme=dark] .premium-actions .premium-action.secondary-action small{color:#cfe0d8!important}
html[data-theme=dark] .message-demo{color:#3d4a45!important}
.seo-table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.seo-table-wrap .seo-table{min-width:480px}
