/*
Theme Name: Jokisalo Solutions Canva
Theme URI: https://jokisalosolutions.fi
Author: Jokisalo Solutions Oy
Description: WordPress-teema Jokisalo Solutions Oy:n Canva/PDF-aineiston pohjalta. Säilyttää alkuperäiset värit ja kuvat käyttämällä alkuperäisiä sivukuvia responsiivisina osioina.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: jokisalo-solutions-canva
*/

:root{
  --js-blue:#63c4e6;
  --js-dark:#111111;
  --js-green:#48d17a;
  --js-purple:#632080;
  --js-max:1150px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--js-dark);line-height:1.5}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:1000;background:#fff;padding:.75rem 1rem;border:2px solid #000}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(0,0,0,.08)}
.header-inner{max-width:var(--js-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;gap:1rem}
.brand{font-weight:800;text-decoration:none;font-size:1.05rem;letter-spacing:.01em}.brand span{color:#0096d6}.nav{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center}.nav a{text-decoration:none;font-weight:700;font-size:.92rem;padding:.35rem .5rem;border-radius:.35rem}.nav a:hover,.nav a:focus{background:var(--js-blue)}
main{overflow:hidden}.canva-section{display:flex;justify-content:center;background:#fff;padding:0}.canva-section:nth-child(1){background:var(--js-blue)}.canva-section img{display:block;width:min(100%,1024px);height:auto;margin:0 auto}.canva-section:not(:first-child) img{box-shadow:0 0 0 1px rgba(0,0,0,.04)}
.text-content{max-width:var(--js-max);margin:0 auto;padding:3rem 1rem}.text-content h1,.text-content h2{line-height:1.1}.text-content h1{font-size:clamp(2rem,5vw,4rem)}.text-content h2{font-size:clamp(1.7rem,4vw,3rem);margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:#82c9e9;border:1px solid rgba(0,0,0,.25);padding:1.25rem}.contact-box{border:1px solid #111;display:grid;grid-template-columns:220px 1fr;max-width:900px}.contact-box div{padding:1rem;border-bottom:1px solid #111}.contact-box div:nth-child(odd){background:#82c9e9}.site-footer{text-align:center;padding:2rem 1rem;background:#111;color:#fff;font-size:.92rem}
@media (max-width:760px){.header-inner{align-items:flex-start;flex-direction:column}.nav{gap:.35rem}.nav a{font-size:.86rem}.cards{grid-template-columns:1fr}.contact-box{grid-template-columns:1fr}.canva-section img{width:100%}}