/* works-pehmea.css — EHDOTUS 27.9.2026 (ei tuotannossa). Raslak Works -sivut Atlasin/portaalin pehmeällä ilmeellä.
   Rakenne, tekstit, kuvat ja Barlow Condensed -pääotsikot säilyvät. Muuttuu: paletti, tummien väliosioiden raskaus,
   pienten otsikoiden/nappien VERSAALI, kulmat, varjot. Hero ja alatunniste pysyvät tummina (musteena). */
:root{
  --pv-paper:#F6F2EA; --pv-paper2:#EFE9DE; --pv-surface:#FBF9F4;
  --pv-ink:#1E2620; --pv-ink2:#3F4640; --pv-mute:#6F726C;
  --pv-line:rgba(20,22,26,.08); --pv-line2:rgba(20,22,26,.13);
  --pv-accent:#3E4D3B; --pv-tint:rgba(62,77,59,.08);
  --pv-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 22px 50px -34px rgba(20,22,26,.30);
  --bg:var(--pv-paper); --bg-alt:var(--pv-paper2); --bg-paper:var(--pv-paper); --cream:var(--pv-paper2); --white:var(--pv-surface);
  --text:var(--pv-ink); --text-muted:var(--pv-ink2); --text-dim:var(--pv-mute); --border:var(--pv-line2); --border-dim:var(--pv-line);
}
html body{background:var(--pv-paper)!important;color:var(--pv-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body :is(section,main,.wrap):not(#hero):not(.hero){background-color:transparent}

/* ── Tummat pinnat: hero + alatunniste musteeksi (ei kylläistä vihreää) ── */
body :is(#hero,header.hero,footer){background-color:var(--pv-ink)!important}

/* ── Tummat väliosiot → vaalea paperi ── */
body :is(#yritykset,#paketit,#hub-promo,section.steps,section#tarjous,section.cta){background:var(--pv-paper2)!important;background-image:none!important;color:var(--pv-ink)!important}
body :is(#yritykset,#paketit,#hub-promo,section.steps,section#tarjous,section.cta) :is(h1,h2,h3,h4,h5,strong,b){color:var(--pv-ink)!important}
body :is(#yritykset,#paketit,#hub-promo,section.steps,section#tarjous,section.cta) :is(p,li,span,div,label,small,em,a:not([class*="btn"]):not([class*="cta"])):not(a[class] *):not(button *):not(.rax-mock *){color:var(--pv-ink2)!important}
body section.cta{border:1px solid var(--pv-line)!important;box-shadow:var(--pv-shadow)!important}

/* ── Kortit: lähes valkoinen, hiusviiva, hajavarjo, iso pyöristys ── */
body :is(.service-card,.portaali-card,.paketti,.rax-card,.portaali-cta,#rekisteroidy,.eco-pledge,.kestava-item,.card,.pcard,.form-card,.step,.feat,details,.modal-box,.hero-stat,.hero-review,.rax-feat){border-radius:24px!important}
body :is(.service-card,.portaali-card,.paketti,.rax-card,.portaali-cta,#rekisteroidy,.eco-pledge,.card,.pcard,.form-card,.step,.feat,details,.rax-feat){background:var(--pv-surface)!important;background-image:none!important;border:1px solid var(--pv-line)!important;box-shadow:var(--pv-shadow)!important;color:var(--pv-ink)!important}
body .service-card.ed-lead{background:var(--pv-paper2)!important}
body :is(.service-card,.portaali-card,.paketti,.rax-card,.portaali-cta,.eco-pledge,.card,.pcard,.form-card,.step,.feat,details,.rax-feat) :is(h1,h2,h3,h4,h5,strong):not(.rax-mock *){color:var(--pv-ink)!important}
body :is(.service-card,.portaali-card,.paketti,.rax-card,.portaali-cta,.eco-pledge,.card,.pcard,.form-card,.step,.feat,details,.rax-feat) :is(p,li,span,div,small,label):not([class*="btn"]):not([class*="badge"]):not(a[class] *):not(button *):not(.rax-mock *){color:var(--pv-ink2)!important}
body .rax-card-glow{display:none!important}
/* Suosituin paketti: vaalea kortti, erottuu musteisella napilla ja ohuella reunalla */
body .paketti.featured{border:1.5px solid rgba(62,77,59,.35)!important}
/* Rax-chatin esikatselu pysyy tummana (tuotekuva), vain pehmeämpi */
body .rax-mock{border-radius:20px!important;background:var(--pv-ink)!important;box-shadow:0 30px 60px -30px rgba(20,22,26,.5)!important}
body .rax-mock *{color:#E7EAE3!important}
body .rax-mock-msg{border-radius:16px 16px 16px 6px!important}

/* ── Otsikot: Barlow-pääotsikot säilyvät; pienet otsikot pysty-DM Sans ilman versaalia ── */
body :is(h1,h2){color:inherit}
body :is(#hero,header.hero) :is(h1,h2){color:#EEE9DE!important}
body :is(.service-card,.portaali-card,.paketti,.card,.pcard,.feat,.step,.rax-feat,.kestava-item) :is(h3,h4){font-family:'DM Sans',sans-serif!important;text-transform:none!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.01em!important}
body :is(h1,h2):not(#hero h1){letter-spacing:-.005em}
body :is(h2) em,body :is(h2) i{font-style:normal}

/* ── Napit: pilleri, ei versaalia; päänappi muste, toissijainen hiusviiva ── */
body :is(a.cta,button.cta,.btn-primary,.btn-outline,.btn,.paketti-btn,.rax-cta-primary,.rax-cta-secondary,.modal-cta,.addons-toggle,.service-link,.chip){text-transform:none!important;letter-spacing:0!important;font-weight:600!important;border-radius:999px!important}
body :is(a.cta,button.cta,.btn-primary:not(:is(#hero *)),.paketti-btn-solid,.rax-cta-primary,.modal-cta:first-of-type,.btn:not(.btn-ghost),.rax-pub-send){background:var(--pv-ink)!important;color:var(--pv-paper)!important;border-color:transparent!important}
body :is(.btn-outline:not(:is(#hero *)),.paketti-btn-outline,.rax-cta-secondary,.btn-ghost:not(:is(header.hero *)),.addons-toggle){background:var(--pv-surface)!important;color:var(--pv-ink)!important;border:1px solid var(--pv-line2)!important}
body #hero .btn-primary{background:#EEE9DE!important;color:var(--pv-ink)!important}
body #hub-promo a[class]{border-radius:999px!important;text-transform:none!important;letter-spacing:0!important}
body #hub-promo a[class]:first-of-type{background:var(--pv-ink)!important;color:var(--pv-paper)!important;border-color:transparent!important}
body #hub-promo a[class]:not(:first-of-type){background:var(--pv-surface)!important;color:var(--pv-ink)!important;border:1px solid var(--pv-line2)!important}
body .service-link{color:var(--pv-accent)!important;font-weight:600!important}

/* ── Lomakkeet ── */
body :is(#yritykset,#paketit,section#tarjous,#yhteys,.form-card,form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--pv-surface)!important;color:var(--pv-ink)!important;border:1px solid var(--pv-line2)!important;border-radius:14px!important}
body :is(input,select,textarea)::placeholder{color:var(--pv-mute)!important}

/* ── Yläpalkit: artikkelien tumma yläpalkki → lasinen paperi ── */
body div.top{background:rgba(246,242,234,.84)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--pv-line)!important}
body div.top :is(a,span,div,button){color:var(--pv-ink2)!important}
body div.top img[src*="logo"]{filter:invert(1) brightness(.25)}

/* ── Modaalit ja evästebanneri ── */
body .modal-hdr{background:var(--pv-surface)!important;color:var(--pv-ink)!important;border-bottom:1px solid var(--pv-line)!important}
body .modal-hdr *{color:var(--pv-ink)!important}
body #rsl-consent{background:var(--pv-surface)!important;color:var(--pv-ink)!important;border:1px solid var(--pv-line)!important;box-shadow:0 24px 60px -30px rgba(20,22,26,.4)!important;border-radius:20px!important}
body #rsl-consent *{color:var(--pv-ink2)!important}
body #rsl-consent :is(button,a[role=button]){border-radius:999px!important}
body #rsl-consent .rc-ok{background:var(--pv-ink)!important;color:var(--pv-paper)!important;border-color:transparent!important}
body #rsl-consent .rc-no{background:transparent!important;border:1px solid var(--pv-line2)!important;color:var(--pv-ink)!important}

/* Napin sisältö perii napin värin (ei kortin tekstiväriä) */
body :is(a,button)[class][class][class] :is(span,i,b,strong,svg,div){color:inherit!important}
body :is(a.cta,button.cta,.btn-primary,.btn-outline,.btn,.paketti-btn,.rax-cta-primary,.rax-cta-secondary,.modal-cta) *{color:inherit!important}
/* Rax-chatin esikatselu: tekstit vaaleina tummalla */
body .rax-card .rax-mock :is(div,span,p,small,strong){color:#E7EAE3!important}
body .rax-card .rax-mock .rax-mock-st{color:rgba(231,234,227,.6)!important}
body .rax-card .rax-mock .rax-mock-msg.bot{background:rgba(255,255,255,.06)!important}

/* Tumman heron napit vaaleina (päänappi paperi, toissijainen läpinäkyvä) */
body :is(#hero,header.hero) :is(.btn:not(.btn-ghost),.btn-primary,a.cta){background:#EEE9DE!important;color:var(--pv-ink)!important;border-color:transparent!important}
body :is(#hero,header.hero) :is(.btn-ghost,.btn-outline){background:transparent!important;color:#EEE9DE!important;border:1px solid rgba(238,233,222,.35)!important}

/* Korjaukset 2: #rekisteroidy-tekstit, korostukset vaalealla, kulta-nimiöt, artikkelien CTA + alatunniste */
body div#rekisteroidy :is(p,span,div,small,label,h2,h3):not(a[class] *):not(button *){color:var(--pv-ink2)!important}
body div#rekisteroidy :is(h2,h3){color:var(--pv-ink)!important}
body :is(#yritykset,#paketit,.rax-card,#rekisteroidy,.portaali-cta,section.cta) :is(em,.accent,a:not([class])){color:var(--pv-accent)!important}
body .eyebrow{color:#8A6A2E!important}
body section.cta :is(h1,h2,h3,.disp){color:var(--pv-ink)!important}
body section.cta :is(p){color:var(--pv-ink2)!important}
body footer :is(p,span,div,a,small,li):not([style*="background"]):not([style*="background"] *){color:rgba(238,233,222,.72)!important}
body footer a:hover{color:#EEE9DE!important}
body .rax-mock .rax-mock-av{color:#fff!important}

/* Tumma dokumenttipohja (sovellukset, tarjouslaskenta, tarjouspohja, tuntikirjaus-sovellus): --cream = TEKSTI → käännetään vaalealle pohjalle */
:root:has(body > header:not([class]) > .wrap > a[aria-label="Raslak Works etusivu"]){
  --bg:var(--pv-paper); --bg2:var(--pv-surface); --cream:var(--pv-ink); --cream2:var(--pv-ink2); --muted:var(--pv-mute); --accent:var(--pv-accent); --line:var(--pv-line2);
}
body > header:not([class]):has(> .wrap > a[aria-label="Raslak Works etusivu"]){background:rgba(246,242,234,.86)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body > header:not([class]) > .wrap > a[aria-label="Raslak Works etusivu"] img{filter:invert(1) brightness(.25)}
:root:has(body > header:not([class]) > .wrap > a[aria-label="Raslak Works etusivu"]) th{color:var(--pv-mute)!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important}

/* ── Hub-napit Space-teemalla (Mikko 27.9.: "kulta pois") — portaalin Space-paletti #070d09 / #6fbf73 / #bdf0c0 ── */
body :is(a[href="/demo"],a[href^="/hub"]):is([style*="background"],.btn):not(#_hub):not(#_hub2){
  display:inline-flex!important;align-items:center;gap:10px;
  background:#070d09!important;background-image:radial-gradient(120% 140% at 0% 0%,rgba(111,191,115,.22),transparent 60%)!important;
  color:#bdf0c0!important;border:1px solid rgba(111,191,115,.55)!important;border-radius:999px!important;
  text-transform:none!important;letter-spacing:0!important;font-weight:600!important;
  box-shadow:0 0 0 1px rgba(111,191,115,.08),0 10px 30px -12px rgba(111,191,115,.45),inset 0 1px 0 rgba(189,240,192,.12)!important;
  transition:box-shadow .3s ease,transform .3s ease}
body :is(a[href="/demo"],a[href^="/hub"]):is([style*="background"],.btn):not(#_hub):not(#_hub2):hover{box-shadow:0 0 0 1px rgba(111,191,115,.2),0 14px 40px -12px rgba(111,191,115,.65),inset 0 1px 0 rgba(189,240,192,.18)!important;transform:translateY(-1px)}
body :is(a[href="/demo"],a[href^="/hub"]):is([style*="background"],.btn):not(#_hub):not(#_hub2) *{color:inherit!important}
/* toissijainen ("Lue lisää Hubista"): sama avaruuspohja, himmeämpi */
body a[href^="/hub"][style*="background:transparent"]:not(#_hub):not(#_hub2){background:#0c1810!important;background-image:none!important;color:#9fd9a4!important;border-color:rgba(111,191,115,.32)!important;box-shadow:0 10px 30px -16px rgba(111,191,115,.35)!important}