/*
Theme Name: Spotnia Smart
Description: Shades, home automation and home security.
Version: 2.0.3
Requires at least: 6.0
Requires PHP: 7.4
Author: Spotnia Smart
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:14px 22px;border:1px solid transparent;font-size:14px}h1,h2,h3{font-family:Arial,sans-serif;font-weight:600}h1{margin:22px 0}h2{margin:17px 0 24px}h3{font-size:27px;line-height:1.25}p{line-height:1.7;max-width:590px}nav{display:flex;align-items:center;justify-content:space-between}nav .links{display:flex;align-items:center;gap:25px;font-size:13px}.logo{display:flex}.button{display:inline-block;padding:16px 23px;font-size:14px}.hero{display:grid;align-items:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.eyebrow{text-transform:uppercase}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:45px}.num{font-size:12px}.service ul{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%}.step{padding:15px 0;border-bottom:1px solid}.step h3{font-size:24px}.future-cards article{padding:20px 25px;margin-bottom:15px}.future-cards h3{margin:12px 0}.scenes{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.scene-detail{max-width:850px;min-height:120px;padding:25px 35px}.scene-detail h3{font-size:32px}.shade-lab{display:grid;grid-template-columns:.85fr 1.3fr;gap:45px;align-items:center}.photo-room{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#152b38}.photo-room>img{display:block;width:100%;height:100%}.moving-shade{position:absolute;left:19.5%;top:12.1%;width:61.3%;height:0;overflow:hidden;box-shadow:0 4px 9px #0003}.shade-fabric{position:absolute;inset:0;background-image:linear-gradient(#ece6da66,#e5dfd566),url('assets/sunroom-solar-enhanced.jpg');background-size:100% 100%,400% 300%;background-position:center,8% 20%}.shade-hem{position:absolute;bottom:0;width:100%;height:4px;background:linear-gradient(#f6f1e5,#bbb5a7);box-shadow:0 2px 5px #0003}.light-glow{pointer-events:none;position:absolute;inset:0}.shade-actions{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.photo-controls{padding:19px;border-radius:4px}.photo-controls label{display:flex;justify-content:space-between}.photo-controls input{padding:0;border:0;margin-top:18px}input[type=range]{width:100%}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.project-card{padding:0;text-align:left;overflow:hidden;border:0}.project-card img{display:block;width:100%;height:240px;object-fit:cover}.project-card span{display:flex;justify-content:space-between;border-bottom:1px solid;font-size:14px}.project-card:focus-visible{outline:3px solid #006481;outline-offset:5px}.photo-dialog{max-width:95vw;max-height:95vh;padding:15px;width:max-content;border:1px solid #607087}.photo-dialog img{display:block;max-width:85vw;max-height:75vh;object-fit:contain}.photo-dialog button{display:block;margin:0 0 12px auto}.photo-dialog p{margin:12px 0 0;font-size:14px}dialog::backdrop{background:#000b}.faq details{border-bottom:1px solid}.faq summary{cursor:pointer}form{display:grid;gap:17px}input,select,textarea{display:block;width:100%;padding:14px;margin-top:8px}textarea{min-height:110px}.address-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.booking-status{border:1px solid;margin-top:30px;padding:20px}.booking-status h3{font-size:25px}.booking-status p{font-size:14px}footer{padding:35px 6%;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap}.note{font-size:13px}.hero-credit,.caption{display:none}
@media(max-width:900px){.split,.shade-lab{grid-template-columns:1fr;gap:30px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card img{height:200px}nav .links{flex-wrap:wrap}}
@media(max-width:600px){.address-row{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card img{height:235px}footer{flex-direction:column}}
/* Spotnia Smart: connected-home identity */
:root{--ink:#f4f7fa;--paper:#12141d;--copper:#00b8ed;--sage:#202530;--muted:#b9c3d0}body{background:var(--paper);color:var(--ink);line-height:1.65}nav{background:#171722;border-color:#30333f;padding:18px 6%;gap:24px}nav .logo{letter-spacing:0;flex-shrink:0}nav .logo img{width:180px;height:47px;display:block}nav .links{color:#cbd4df}.button,form button{background:#00b8ed;color:#08141b;border:1px solid #00b8ed;border-radius:6px;font-weight:700}.button:hover,form button:hover{background:#54d3f8}.button.outline{background:transparent;color:#f3f7fa;border-color:#5c6776}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #54d3f8;outline-offset:4px}.eyebrow,.dark .eyebrow{color:#54d3f8!important;font-size:11px;letter-spacing:2px}.hero{padding:72px 6% 65px;grid-template-columns:1.04fr 1fr;gap:55px;background:radial-gradient(ellipse at 0 15%,#00b8ed14,transparent 55%)}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.08;letter-spacing:-3px}.hero h1 span{color:#00b8ed}.hero p{color:#c2ccd9;max-width:550px}.hero-visual{position:relative}.hero-project{border-radius:12px;width:100%;height:460px;object-fit:cover;box-shadow:0 25px 70px #0006}.hero-label{position:absolute;bottom:25px;left:25px;right:25px;background:#111722dc;border:1px solid #66708480;padding:16px 18px;border-radius:6px;font-size:11px;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:100%;background:#00b8ed}.strip{background:#1c202b;display:flex;justify-content:space-between;gap:20px;padding:22px 6%;font-size:11px;letter-spacing:2px;color:#b7c2d0;border-top:1px solid #323846!important;border-bottom:1px solid #323846!important}section{padding:85px 6%}h2{font-size:clamp(34px,4vw,53px);letter-spacing:-1.7px;line-height:1.15}p{color:#b9c3d0}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:35px}.section-heading p{max-width:430px}.services{gap:22px}.service{padding:30px;background:#1b202b;border:1px solid #343a49;border-top:3px solid #00b8ed;border-radius:8px}.service h3{font-size:25px}.service ul{color:#bdc8d5;padding-left:18px;line-height:2}.service a{color:#54d3f8;font-size:13px;font-weight:700}.num{color:#54d3f8}.note{color:#9eacbe;font-size:12px}.dark{background:#080e17;border-block:1px solid #293442}.dark:after{display:none}.dark p{color:#b9c3d0}.scenes button,.shade-actions button{border:1px solid #526175;border-radius:5px;background:#192430;color:#e6f4fb}.scenes button.active{background:#00b8ed;color:#07141c;border-color:#00b8ed}.scene-detail{background:#15202c;border-left:3px solid #00b8ed;border-radius:4px}.shade-lab{padding-top:55px;border-top:1px solid #354153;margin-top:45px}.photo-room{border-radius:8px}.security-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#19212d}.security-section>div>p{max-width:520px}.security-list article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #3b4553}.security-list article>span{color:#00b8ed;font-size:14px;padding-top:6px}.security-list h3{margin:0;font-size:23px}.security-list p{margin-bottom:0}.security-note{grid-column:1/-1;margin:0}.projects{background:#f0f4f7;color:#172535}.projects p{color:#516173}.project-card{background:#fff;border-radius:6px;overflow:hidden;color:#172535}.project-card span{padding:15px}.project-grid{gap:22px}.steps .step{border-color:#3a4655}.future{background:#1b2431}.future .split{padding:0}.future-cards article{background:#101924;border-left:3px solid #00b8ed;border-radius:4px}.faq details{border-color:#3a4553;padding:20px 0}.faq summary{font-size:17px}.consult{background:#0c111b}.booking-status{background:#1a2635;border-color:#3a4c61;border-radius:6px}form{background:#1a2330;padding:32px;border:1px solid #3a4557;border-radius:8px}form label{color:#e3ebf3}input,select,textarea{background:#101722;color:#f1f6fb;border:1px solid #5d6b7b;border-radius:4px}textarea::placeholder{color:#a2afbf}footer{background:#171722;color:#b9c3d0;border-color:#3a414e;gap:20px}.photo-dialog{background:#121b29;color:#edf5fb}.photo-dialog p{color:#edf5fb}html{scroll-padding-top:30px}#shade-demo,#security{scroll-margin-top:30px}
@media(max-width:900px){nav{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.hero-project{height:380px}.section-heading,.security-section{grid-template-columns:1fr;gap:25px}.services{grid-template-columns:1fr}.strip{flex-wrap:wrap;justify-content:center}.hero h1{letter-spacing:-2px}section{padding:60px 6%}.security-note{grid-column:auto}}@media(max-width:600px){nav .links{flex-wrap:wrap;gap:15px;font-size:12px}nav .links>.button{width:100%;text-align:center}.hero-project{height:310px}.hero-label{font-size:9px;left:14px;right:14px;bottom:14px}.actions{flex-wrap:wrap}.strip{font-size:10px;letter-spacing:1px}form{padding:22px}.address-row{gap:10px}.service{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Contrast and legacy-cascade corrections — v2.0.1 */
body{color:#f4f7fa}p{color:#c3cdda}.note{color:#b1bfd0;font-size:13px}.hero{display:grid!important;min-height:0;background:#121a26!important;padding:72px 6% 65px!important;overflow:visible}.hero:after{display:none}.hero>div:first-child{max-width:none}.hero>div:last-child{position:relative;inset:auto;width:100%;height:auto;opacity:1}.hero>div:first-child>p{color:#d3dde9;font-size:17px}.hero .eyebrow,.dark .eyebrow,.eyebrow{color:#54d3f8!important}.strip{background:#1c202b!important;color:#d5e0ed!important}.services{border:0}.service,.service:first-child,.service:nth-child(2),.service:nth-child(3){background:#1b202b;color:#f4f7fa;border:1px solid #3b4657;border-top:3px solid #00b8ed}.service p,.service ul,.service:nth-child(2) p,.service:nth-child(2) ul{color:#c3cdda}.service .num,.service:nth-child(2) .num{color:#54d3f8}.service a{color:#54d3f8}.dark{color:#f4f7fa}.dark p{color:#c3cdda}.scene-detail h3,.shade-lab h3{color:#f4f7fa}.dark .note{color:#b1bfd0}.photo-controls{background:#1a2635;color:#f4f7fa;border:1px solid #607087}.photo-controls label,.photo-controls #percent{color:#f4f7fa}.photo-controls input{background:transparent;accent-color:#00b8ed}.projects{background:#f0f4f7;color:#172535}.projects h2,.projects h3{color:#172535}.projects p,.projects .note{color:#46566a}.projects .eyebrow{color:#006481!important}.project-card,.project-card:hover{background:#ffffff!important;color:#172535!important}.project-card span{color:#172535;border-color:#9dabb9}.project-card b{color:#006481}.future,.future-cards article,.security-section,.consult{color:#f4f7fa}.future p,.future-cards p,.security-section p,.consult p{color:#c3cdda}.future .note,.security-section .note,.consult .note{color:#b1bfd0}.future-cards .num{color:#54d3f8}.consult .eyebrow{color:#54d3f8!important}.consult input,.consult select,.consult textarea{background:#101722;color:#f4f7fa;border-color:#738399}.consult textarea::placeholder,.consult input::placeholder{color:#b1bfd0;opacity:1}.consult label{font-size:14px;color:#eaf1f9}.consult option{background:#101722;color:#f4f7fa}.booking-status h3{color:#f4f7fa}.button,form button{background:#00b8ed;color:#08141b;border-color:#00b8ed}.button:hover,form button:hover{background:#54d3f8;color:#08141b}.button.outline,.hero .button.outline{background:transparent;color:#f4f7fa;border-color:#8192a8}.button.outline:hover{background:#243548;color:#fff}.scenes button,.shade-actions button{background:#192430;color:#f4f7fa;border-color:#8192a8}.scenes button.active,.scenes button.active:hover{background:#00b8ed;color:#08141b}.scenes button:hover,.shade-actions button:hover{background:#32485e;color:#fff}.photo-dialog button{background:#00b8ed;color:#08141b}.photo-dialog button:hover{background:#54d3f8;color:#08141b}.faq summary{color:#f4f7fa}.faq p{color:#c3cdda}footer,footer a{color:#d3dde9}#formStatus{color:#eaf1f9;font-size:14px}.service a:hover,footer a:hover{ text-decoration:underline }input[type=range]{min-height:28px}input:disabled,button:disabled{opacity:1;background:#425168;color:#fff;cursor:wait}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:45px 6% 55px!important}.hero>div:last-child{position:relative;width:100%;height:auto;top:auto;bottom:auto}.hero-project{height:380px}}
@media(max-width:600px){.hero-project{height:310px}.hero h1{font-size:46px}.hero .hero-label{color:#f4f7fa}.consult h2{font-size:44px}}

/* Explicit foregrounds: headings never inherit a background token. */
main h1,main h2,main h3{color:#f4f7fa}.hero h1 span{color:#00b8ed}.projects h2,.projects h3{color:#172535}.dark h2,.dark h3,.scene-detail h3,.shade-lab h3{color:#f4f7fa}.photo-dialog p{color:#f4f7fa}