/*
Theme Name: Pametna Vrata
Theme URI: https://pametnavrata.rs
Author: Sciener Solutions Serbia
Description: Samostalna tema za portal Pametna vrata.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pametnavrata
*/

:root{--ink:#121a18;--green:#0f3f35;--lime:#d9f264;--paper:#f3f1eb;--line:#d8d9d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbf8;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(251,251,248,.95);position:sticky;top:0;z-index:20;padding:0 max(22px,calc((100vw - 1180px)/2))}.brand{display:flex;align-items:center;gap:11px;font-size:.9rem}.brand strong{display:block;letter-spacing:.15em;font-size:.66rem}.brand-mark{width:30px;height:36px;border:2px solid var(--ink);border-bottom:0;position:relative}.brand-mark:after{content:"";position:absolute;width:38px;border-bottom:2px solid;bottom:0;left:-6px;transform:rotate(-22deg);transform-origin:left}.nav{display:flex;gap:30px;align-items:center;font-size:.9rem}.nav .cta{background:var(--ink);color:#fff;padding:12px 19px;border-radius:99px}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:650px;padding:95px 0;background:radial-gradient(circle at 78% 8%,#e9f0d0 0,transparent 24%),linear-gradient(118deg,#f6f5ef 65%,#e5e7df 65%)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:#527169;margin:0 0 22px}.hero h1,.detail h1{font-size:clamp(3.2rem,6vw,6.5rem);line-height:.94;letter-spacing:-.06em;margin:0;font-weight:600}.lead{font-size:1.15rem;line-height:1.65;color:#4c5a56;max-width:720px;margin:30px 0}.buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:99px;font-weight:700}.button.primary{background:var(--green);color:#fff}.button.secondary{border:1px solid #bcc4bf}.hero-panel{background:var(--green);color:white;padding:40px;box-shadow:0 30px 80px #121a182b}.hero-panel h2{font-size:1.8rem;margin:0 0 20px}.hero-panel ol{padding-left:20px;line-height:1.8;color:#c4d0cc}.hero-panel b{color:var(--lime)}section{padding:100px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:45px}.section-head h2,.split h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1;letter-spacing:-.05em;margin:0}.section-head>p{color:#62706c;line-height:1.65}.quiz{background:var(--paper)}.quiz-box{background:#fff;padding:clamp(25px,5vw,55px);box-shadow:0 20px 70px #121a1812}.quiz-progress{display:flex;gap:8px;margin-bottom:30px}.quiz-progress span{height:4px;flex:1;background:#dfe3de}.quiz-progress span.active{background:var(--green)}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-step h3{font-size:1.8rem}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.answers button{padding:18px;text-align:left;border:1px solid var(--line);background:#fff;cursor:pointer}.answers button:hover{border-color:var(--green);background:#f5f8ed}.quiz-result{display:none;background:var(--green);color:white;padding:32px}.quiz-result.show{display:block}.quiz-result h3{font-size:2rem;margin:8px 0}.catalog{background:#fbfbf8}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.door-card{border:1px solid var(--line);background:#fff;padding:16px;transition:.2s}.door-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #121a1814}.door-image{height:250px;overflow:hidden}.door-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.door-card:hover img{transform:scale(1.035)}.door-meta{display:flex;gap:7px;margin-top:16px}.door-meta span{font-size:.67rem;text-transform:uppercase;background:var(--paper);padding:5px 8px}.door-card h3{font-size:1.2rem;margin:17px 0 8px}.door-card p{color:#66716e;min-height:42px}.price{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:17px 0}.card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--line);padding-top:12px}.card-actions a{padding:11px 13px;text-align:center;font-weight:700;font-size:.82rem}.card-actions a:first-child{background:var(--green);color:#fff}.card-actions a:last-child{border:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:var(--green);color:white}.split>div{padding:0 max(22px,calc((100vw - 1180px)/2))}.split p{line-height:1.7;color:#c2cfcb}.story{height:650px;background-size:cover;background-position:center;position:relative}.story:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a100ebf,transparent)}.story .wrap{position:relative;z-index:1;color:white;padding-top:420px}.contact{background:#111917;color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(2.5rem,5vw,5rem);margin:0 0 25px}.contact p{color:#bac6c2;line-height:1.7}.contact-buttons{display:grid;gap:12px;align-content:start}.contact-buttons a{padding:18px 20px;font-weight:800}.whatsapp{background:var(--lime);color:var(--ink)}.viber{border:1px solid #65736f}.site-footer{padding:38px 0;border-top:1px solid var(--line);font-size:.84rem;color:#68736f}.detail{padding:90px 0;background:linear-gradient(112deg,#f4f3ed 62%,#e2e6df 62%)}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.detail-image{height:520px}.detail-image img{width:100%;height:100%;object-fit:cover}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.info-grid article{background:#fff;padding:45px}.info-grid ul{padding-left:20px;line-height:1.8;color:#53605c}.page-content{padding:80px 0;min-height:55vh}.page-content h1{font-size:3.5rem}.notice{background:#fff8db;border:1px solid #e7d88e;padding:14px 18px;margin:20px 0}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:flex-start}.menu-toggle{display:block}.hero-grid,.section-head,.contact-grid,.detail-grid,.split{grid-template-columns:1fr}.hero{min-height:auto}.hero-panel{max-width:650px}.door-grid,.info-grid{grid-template-columns:repeat(2,1fr)}.split{gap:0}.split>div{padding-top:70px;padding-bottom:70px}}
@media(max-width:620px){.site-header{height:72px}.wrap{width:min(100% - 30px,1180px)}.hero{padding:65px 0}.hero h1,.detail h1{font-size:3.25rem}.answers,.door-grid,.info-grid{grid-template-columns:1fr}section{padding:75px 0}.door-image{height:230px}.story{height:520px}.story .wrap{padding-top:315px}.detail-image{height:430px}}