/*
Theme Name: Valvekaamera
Theme URI: https://example.com/
Author: OpenAI
Description: Üheleheline WordPressi teema valvekaamerate rendi- ja paigaldusteenusele koos paketivaliku ja tellimusvormiga.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: valvekaamera
*/

:root{--navy:#062b5b;--blue:#0a4ea3;--green:#45b653;--ink:#10233d;--muted:#617087;--line:#e5eaf1;--soft:#f5f8fc;--white:#fff;--radius:18px;--shadow:0 14px 45px rgba(6,43,91,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin:auto}.section{padding:76px 0}.section-title{text-align:center;font-size:clamp(30px,4vw,44px);line-height:1.1;margin:0 0 14px}.section-lead{text-align:center;max-width:760px;margin:0 auto 40px;color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,35,61,.08)}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.01em;color:var(--navy)}.brand-mark{width:40px;height:40px;border:2px solid var(--navy);border-radius:12px;display:grid;place-items:center}.brand-mark svg{width:24px;height:24px}.main-nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:650}.main-nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:8px;border:0;background:var(--navy);color:#fff;font-weight:800;cursor:pointer;transition:.2s transform,.2s background,.2s box-shadow}.btn:hover{transform:translateY(-1px);background:var(--blue);box-shadow:0 10px 25px rgba(6,43,91,.18)}.btn.green{background:var(--green)}.btn.green:hover{background:#35a443}.mobile-toggle{display:none;background:none;border:0;font-size:26px}
.hero{position:relative;min-height:610px;display:flex;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(2,21,44,.93) 0%,rgba(2,21,44,.72) 45%,rgba(2,21,44,.22) 100%),radial-gradient(circle at 78% 28%,rgba(244,178,91,.7),transparent 28%),linear-gradient(135deg,#183b55 0%,#406f8f 52%,#e8a765 100%)}.hero:before{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(to top,rgba(0,18,36,.72),transparent)}.hero:after{content:"";position:absolute;right:6%;top:13%;width:260px;height:150px;border:20px solid rgba(255,255,255,.92);border-left-width:56px;border-radius:60px 18px 18px 60px;transform:rotate(-8deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.25));opacity:.92}.hero-content{position:relative;z-index:2;max-width:760px;padding:70px 0}.hero h1{font-size:clamp(48px,7vw,76px);line-height:.98;margin:0 0 24px;letter-spacing:-.04em}.hero p{font-size:clamp(19px,2.2vw,25px);max-width:720px;margin:0 0 26px;color:rgba(255,255,255,.92)}.hero-features{display:flex;flex-wrap:wrap;gap:18px 30px;margin:28px 0 36px;font-weight:750}.hero-feature{display:flex;align-items:center;gap:10px}.hero-feature span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.use-card{min-height:230px;border-radius:16px;padding:24px;display:flex;align-items:flex-end;color:#fff;font-weight:850;font-size:20px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.use-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,25,49,.9),rgba(4,25,49,.12))}.use-card>*{position:relative}.use-card:nth-child(1){background:linear-gradient(135deg,#487d9c,#0c3551)}.use-card:nth-child(2){background:linear-gradient(135deg,#7a644e,#263c4a)}.use-card:nth-child(3){background:linear-gradient(135deg,#638070,#20392f)}.use-card:nth-child(4){background:linear-gradient(135deg,#596b7d,#1d2e3d)}.use-icon{position:absolute;top:28px;left:28px;width:64px;height:64px;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;font-size:28px}
.benefits{background:var(--soft)}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.benefit{text-align:center}.benefit-icon{width:68px;height:68px;margin:0 auto 16px;border:2px solid var(--navy);border-radius:20px;display:grid;place-items:center;font-size:30px;color:var(--navy)}.benefit h3{font-size:18px;margin:0 0 8px}.benefit p{margin:0;color:var(--muted);font-size:14px}
.packages{background:#fff}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.package{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(6,43,91,.08);display:flex;flex-direction:column}.package.featured{transform:translateY(-10px);box-shadow:0 18px 45px rgba(6,43,91,.18);border-color:rgba(69,182,83,.55)}.popular{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--green);color:#fff;padding:5px 15px;border-radius:999px;font-weight:850;font-size:12px;z-index:2}.package-head{background:var(--navy);color:#fff;text-align:center;padding:26px 16px}.package-head h3{margin:0 0 5px;font-size:18px}.price{font-size:34px;font-weight:900;line-height:1}.price small{font-size:14px;font-weight:700}.package-head p{margin:8px 0 0;color:rgba(255,255,255,.75);font-size:13px}.package-body{padding:25px 22px;display:flex;flex-direction:column;flex:1}.package ul{list-style:none;padding:0;margin:0 0 24px}.package li{padding:9px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center}.package li:before{content:"✓";color:var(--green);font-weight:900}.package .btn{margin-top:auto;width:100%}.packages-note{text-align:center;color:var(--muted);margin-top:24px}
.how{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{text-align:center;position:relative}.step-number{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;margin:0 auto 16px;font-weight:900}.step h3{margin:0 0 8px}.step p{margin:0;color:var(--muted)}
.order-section{background:linear-gradient(135deg,var(--navy),#0b4b91);color:#fff}.order-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}.order-copy h2{text-align:left;color:#fff;margin-top:0}.order-copy p{color:rgba(255,255,255,.8)}.contact-lines{margin-top:28px;display:grid;gap:13px}.contact-line{display:flex;gap:12px;align-items:center}.order-form{background:#fff;color:var(--ink);border-radius:20px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:750;font-size:14px;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd7e3;border-radius:10px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(10,78,163,.12);border-color:var(--blue)}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);margin:18px 0}.notice{padding:14px 16px;border-radius:10px;margin-bottom:18px}.notice.success{background:#eaf8ed;color:#176b27}.notice.error{background:#fff0f0;color:#9c2525}.hp{position:absolute!important;left:-9999px!important}
.site-footer{background:#041f42;color:rgba(255,255,255,.75);padding:26px 0}.footer-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px}.footer-badges{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:980px){.main-nav{display:none}.main-nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;box-shadow:var(--shadow)}.mobile-toggle{display:block}.header-cta{display:none}.use-grid,.package-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.order-grid{grid-template-columns:1fr}.hero:after{opacity:.25}}
@media(max-width:620px){.section{padding:58px 0}.hero{min-height:620px}.hero h1{font-size:48px}.use-grid,.package-grid,.benefit-grid,.steps,.form-grid{grid-template-columns:1fr}.package.featured{transform:none}.footer-wrap{flex-direction:column;text-align:center}.hero-features{display:grid}.order-form{padding:22px}.field.full{grid-column:auto}}