/*
Theme Name: KH Forest Oy
Author: KH Forest Oy
Description: Soomekeelne ettevõtte veebileht metsa-, arboristi- ja lumetöödele.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: khforest
*/
:root{--green:#163e32;--lime:#c6dd91;--cream:#f5f6f0;--ink:#17251e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit}header{background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #e5e9e3}.wrap{max-width:1160px;margin:auto;padding:0 24px}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px}.brand{text-decoration:none;font-weight:850;font-size:1.45rem;color:var(--green)}.navlinks{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.navlinks a{text-decoration:none;font-size:.95rem}.btn{display:inline-block;padding:13px 22px;background:var(--lime);color:#173322;border-radius:5px;font-weight:750;text-decoration:none;border:0}.btn.dark{background:var(--green);color:white}.hero{background:linear-gradient(100deg,rgba(8,36,25,.9),rgba(8,36,25,.55)),url('assets/forest.svg') center/cover;min-height:540px;display:flex;align-items:center;color:white}.hero-inner{max-width:780px;padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:700;color:var(--lime)}h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.08;margin:18px 0}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;margin:0 0 16px}.hero p{font-size:1.15rem;max-width:620px}.section{padding:80px 0}.muted{background:var(--cream)}.intro{max-width:700px;margin-bottom:32px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid #e2e8de;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.art{height:190px;background:linear-gradient(145deg,#254f40,#70907c);display:flex;align-items:end;padding:22px;color:#fff;font-size:3rem}.art.snow{background:linear-gradient(145deg,#527c90,#d6e4e7)}.art.tree{background:linear-gradient(145deg,#2a5643,#a4b994)}.card-body{padding:25px;flex:1}.card h3{font-size:1.35rem;margin:0 0 10px}.card a{color:var(--green);font-weight:750}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.panel{background:var(--green);color:white;padding:44px;border-radius:10px}.panel p{opacity:.9}.contact{background:#e7eddf}.small{font-size:.92rem;color:#56665b}footer{background:#102b22;color:#e4ede6;padding:34px 0}footer a{color:white}.content{max-width:800px;padding:70px 24px;margin:auto}.content h1{color:var(--green);font-size:clamp(2.3rem,4vw,3.8rem)}.content li{margin-bottom:9px}input,textarea{font:inherit;padding:12px;border:1px solid #b8c7b9;border-radius:5px;width:100%}label{display:block;font-weight:650;margin:14px 0 5px}@media(max-width:780px){.nav{align-items:flex-start;padding:15px 0;flex-direction:column}.navlinks{gap:12px}.hero{min-height:460px}.cards,.split{grid-template-columns:1fr}.section{padding:55px 0}}

/* Responsive navigation and mobile typography */
.menu-toggle{display:none;appearance:none;border:1px solid #d8e4db;border-radius:8px;background:#fff;width:46px;height:44px;padding:10px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0}
.menu-toggle span{display:block;width:23px;height:2px;background:var(--green);border-radius:2px}
@media(max-width:780px){
 .wrap{padding-left:20px;padding-right:20px}
 .nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;min-height:70px;padding:12px 0}
 .brand{font-size:1.24rem;line-height:1.2;white-space:nowrap}
 .menu-toggle{display:flex}
 .navlinks{display:none;flex-direction:column;align-items:stretch;gap:0;flex-basis:100%;width:100%;padding:14px 0 8px}
 .navlinks.is-open{display:flex}
 .navlinks a{font-size:1rem;padding:12px 4px;border-top:1px solid #edf0ec}
 .navlinks .btn{margin-top:10px;text-align:center;padding:13px 18px;border-top:0}
 .hero{min-height:0}
 .hero-inner{padding:68px 0 74px;max-width:100%}
 .hero h1{font-size:clamp(2rem,8vw,3.3rem);line-height:1.13;overflow-wrap:normal;hyphens:auto}
 .hero p{font-size:1.02rem;line-height:1.6}
 h2{font-size:clamp(1.75rem,6.5vw,2.35rem)}
 .section{padding:52px 0}
 .panel{padding:28px 22px}
 .content{padding:48px 20px}
 .content h1{font-size:clamp(2rem,8vw,3rem)}
}
@media(max-width:360px){.brand{font-size:1.08rem}.hero h1{font-size:1.95rem}}