/*
Theme Name: Long Ladder
Author: Long Ladder
Description: Fast, responsive Edmonton eavestrough service website with a two-step quote form.
Version: 2.0.0
Requires at least: 6.0
Text Domain: longladder
*/
:root{--navy:#142b3c;--ink:#1b3040;--muted:#536674;--sky:#a8dce8;--pale:#f3f7f8;--line:#dce5e9;--red:#b94148}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.wrap{max-width:1150px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:74px}.brand{font-weight:850;font-size:25px;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--red)}.nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;font-weight:700}.nav a:hover,.text-link:hover{color:#2b7f96}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:12px 22px;border:0;border-radius:7px;font-weight:750;cursor:pointer;text-align:center}.btn.alt{background:var(--sky);color:var(--navy)}.btn.outline{border:1px solid var(--line);background:white;color:var(--navy)}.btn:hover{filter:brightness(.94)}.hero{background:linear-gradient(100deg,rgba(15,36,51,.94),rgba(15,36,51,.63)),url('assets/hero.jpg') center/cover;min-height:490px;display:flex;align-items:center;color:white}.hero .wrap{width:100%}.hero h1{font-size:clamp(35px,5vw,62px);line-height:1.12;max-width:780px;margin:12px 0 18px}.hero p{font-size:18px;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:#43859a;font-weight:800;font-size:12px}.hero .eyebrow,.dark .eyebrow{color:var(--sky)}.section{padding:66px 0}.section h2,.page-title{font-size:clamp(27px,3.2vw,40px);line-height:1.18;margin:7px 0 15px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service,.problem,.project-card{background:var(--pale);border:1px solid var(--line);border-radius:10px;overflow:hidden}.service{padding:23px;border-top:3px solid #91c5d4}.service h3,.problem h3{font-size:18px;margin:0 0 7px}.service p,.problem p{margin:0;color:var(--muted);font-size:14px}.problem img{width:100%;height:190px;object-fit:cover;display:block}.problem .pad,.project-card .pad{padding:19px}.pale{background:var(--pale)}.trust{padding:18px 0;border-bottom:1px solid var(--line)}.trust .wrap{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-weight:750;font-size:14px}.trust b{color:#398da4}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head p{max-width:670px}.dark,.cta{background:var(--navy);color:#fff}.cta{padding:54px 0}.cta p{max-width:650px}.footer{background:#0e202d;color:#d8e4ea;padding:35px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline}.page-intro{background:var(--pale);padding:55px 0}.page-intro p{max-width:740px}.content-width{max-width:800px}.bullets{padding-left:20px}.bullets li{margin-bottom:10px}.wa-float{position:fixed;bottom:23px;right:22px;z-index:70;display:flex;align-items:center;justify-content:center;width:57px;height:57px;border-radius:50%;background:#20bd5a;color:#fff;box-shadow:0 5px 22px #152d3940}.wa-float svg{width:31px;height:31px;fill:currentColor}.wa-float:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid #4eacc7;outline-offset:3px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{margin-bottom:0}.quote-shell{max-width:780px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:0 12px 32px #17334a0a}.steps{display:flex;gap:9px;margin-bottom:26px}.steps span{flex:1;background:#e9f0f3;border-radius:5px;padding:7px 12px;font-size:12px;font-weight:800}.steps span.current{background:var(--navy);color:#fff}.quote-step[hidden]{display:none!important}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.field label,.field legend{font-weight:700;font-size:14px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #bacbd3;border-radius:6px;background:#fff;color:var(--ink)}.field textarea{min-height:120px}.field small{color:var(--muted)}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-grid label{display:flex;gap:9px;align-items:center;font-size:14px}.check-grid input{width:auto}.quote-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.quote-alert{padding:14px;border:1px solid #e6c9a0;background:#fff8ed;border-radius:7px;margin:0 0 22px}.quote-alert.success{background:#eaf8ee;border-color:#b8dcc5}.hp-field{position:absolute!important;left:-9999px!important;opacity:0}.project-card img{width:100%;height:225px;object-fit:cover}.project-card h3{margin:0 0 6px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:7px}.text-link{font-weight:750;color:#276e84}.small-note{font-size:13px;color:var(--muted)}@media(max-width:850px){.top .wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav{gap:12px}.nav a{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{min-height:425px}.hero p{font-size:16px}.section{padding:46px 0}.grid,.form-grid,.check-grid,.gallery-grid{grid-template-columns:1fr}.section-head{display:block}.quote-shell{padding:17px}.top .wrap{gap:8px}.nav{gap:9px}.nav .btn{padding:8px 11px}.wa-float{width:52px;height:52px;right:15px;bottom:15px}.trust .wrap{gap:12px;justify-content:flex-start}.page-intro{padding:40px 0}}