/*
Theme Name: Elite Lock Pros
Description: Custom locksmith landing page for Elite Lock Pros in Southeast Michigan.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: elite-lock-pros
License: GPL v2 or later
*/

:root{--ink:#162e2a;--green:#264d41;--lime:#dbea95;--paper:#f7f6ef;--line:#d8ded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}nav{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;gap:24px}.brand{font-size:19px;letter-spacing:1px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{background:var(--ink);color:var(--lime);padding:9px 12px;border-radius:50%;font-size:23px}.links{display:flex;gap:30px;align-items:center;font-size:14px}.links a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;background:var(--ink);color:white;text-decoration:none;border-radius:5px;font-size:14px;font-weight:700;gap:16px}.hero{max-width:1280px;margin:15px auto 0;padding:0 5%;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#6c8551;border-radius:50%}h1{font-family:Georgia,serif;font-size:clamp(52px,6.5vw,86px);line-height:1.02;letter-spacing:-4px;font-weight:400;margin:28px 0 23px}h1 em{color:#66804b;font-weight:400}.intro{font-size:17px;line-height:1.7;max-width:430px;color:#56665c}.actions{display:flex;align-items:center;gap:24px;margin:30px 0}.text-link{font-size:14px;text-underline-offset:5px}.hero-note{font-size:12px;color:#657066;margin-top:32px}.scene{height:535px;background:#d7dfce;border-radius:140px 140px 8px 8px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.scene svg{width:100%;height:100%;display:block}.tag{position:absolute;bottom:28px;left:25px;background:var(--paper);padding:17px 21px;border-radius:5px;font-size:12px;box-shadow:0 8px 30px #13251c15}.tag strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;margin-bottom:5px}.strip{max-width:1152px;margin:60px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;text-transform:uppercase}.section{max-width:1280px;padding:90px 5%;margin:auto}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:35px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,51px);letter-spacing:-1.6px;line-height:1.12;margin:15px 0 0}.section-head p{max-width:330px;color:#657066;line-height:1.6;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:6px;background:#fffef8}.icon{font-size:28px;margin-bottom:30px;display:block}.card .num{float:right;font-size:11px;color:#89917f}h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:18px 0 12px}.card p{font-size:14px;line-height:1.65;color:#657066;min-height:70px}.card ul{padding:18px 0 0;list-style:none;border-top:1px solid var(--line);font-size:13px;line-height:2.2}.card li:before{content:'↗';color:#728657;margin-right:10px}.about{background:#e9edde}.about-inner{max-width:1152px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 0}.about p{line-height:1.8;font-size:16px;color:#56665c}.steps{border-top:1px solid #cbd3bf;padding:18px 0;font-size:14px;display:flex;gap:18px}.steps b{color:#778952;font-size:12px}.contact{background:var(--ink);color:var(--paper);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px}.contact p{color:#c3cec1;line-height:1.7;font-size:14px}.contact .button{background:var(--lime);color:var(--ink);font-size:20px}.contact-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}.contact-details>a:not(.button){font-size:15px;text-underline-offset:5px}footer{max-width:1152px;margin:0 auto;padding:0 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#687366}@media(max-width:760px){nav{padding:20px 6%}.links a:not(.button){display:none}.links .button{font-size:12px;padding:12px}.brand{font-size:14px;gap:7px}.mark{font-size:18px}.hero{grid-template-columns:1fr;padding:20px 6% 0;gap:30px}h1{letter-spacing:-2.5px}.scene{height:380px}.strip{margin:35px 6% 0;gap:12px;font-size:9px}.section{padding:60px 6%}.section-head{display:block}.cards{grid-template-columns:1fr}.card p{min-height:0}.about-inner{padding:45px 6%;grid-template-columns:1fr;gap:25px}.contact{grid-template-columns:1fr;padding:30px;gap:20px}footer{margin:0 6%;flex-direction:column}.hero-note{margin-top:20px}.actions{gap:18px}}

/* Bold, call-focused service page */
:root{--ink:#142132;--green:#23517c;--lime:#ffd24d;--paper:#fff;--line:#dce5ef}body{font-family:Arial,Helvetica,sans-serif}nav{max-width:1180px;padding:20px 5%}.brand{letter-spacing:-.5px;font-size:21px}.mark{background:none;color:#58a9de;padding:0;font-size:30px}.button{background:#ffd24d;color:#142132;border-radius:9px;box-shadow:0 4px 0 #e7b936;padding:19px 26px;font-weight:800;font-size:16px}.hero{display:block;max-width:none;text-align:center;background:#eaf4ff;margin:0;padding:65px 6% 55px;border-radius:0 0 24px 24px}.eyebrow{justify-content:center;color:#486c91;font-size:11px}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(46px,6vw,76px);font-weight:800;letter-spacing:-2px;line-height:1.08;margin:23px auto}.intro{margin:0 auto;max-width:620px;color:#526171;font-size:20px;line-height:1.5}.actions{justify-content:center;margin:28px 0 22px}.actions .button{font-size:21px;padding:24px 30px}.text-link{display:none}.hero-phone{display:block;font-size:21px;font-weight:800;text-underline-offset:4px}.hero-benefits{list-style:none;padding:0;margin:30px auto 0;text-align:left;max-width:360px;color:#526171;font-size:16px;line-height:1.5}.hero-benefits li{margin:12px 0;display:flex;align-items:center;gap:12px}.hero-benefits li:before{content:'✓';background:#ffd24d;color:#142132;display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:20px;font-weight:800;flex-shrink:0}.scene,.strip{display:none}.section{max-width:1180px;padding:65px 5%}.section-head{display:block;text-align:center}.section-head p{max-width:620px;margin:20px auto 35px}h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(30px,4vw,42px);letter-spacing:-1px}h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:24px}.card{background:#fff;border:1px solid #dae5f0;border-radius:12px;padding:28px;box-shadow:0 8px 30px #15355208}.icon{color:#4f9fd2;background:#edf6ff;width:56px;height:56px;display:grid;place-items:center;border-radius:12px;margin-bottom:22px}.card p{color:#526171}.card li:before{color:#3188c3}.about{background:#eaf4ff}.about-inner{max-width:1060px;padding:60px 0;gap:60px}.about .eyebrow{justify-content:flex-start}.about p{color:#526171}.steps{border-color:#cbddec;line-height:1.4}.steps b{color:#3188c3}.cities{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.cities span{padding:11px 17px;border-radius:6px;background:white;border:1px solid #cedfef;font-size:14px;font-weight:700}.contact{background:#eaf4ff;color:#142132;border-radius:16px;padding:45px}.contact .eyebrow{justify-content:flex-start}.contact p{color:#526171}.contact .button{background:#ffd24d;color:#142132}.contact-details>a:not(.button){overflow-wrap:anywhere;max-width:100%}footer{max-width:1060px;color:#617183;line-height:1.7}@media(max-width:760px){nav{padding:17px 5%}.brand{font-size:17px}.links .button{padding:12px 16px;font-size:12px}.hero{padding:45px 6% 35px}h1{font-size:48px}.intro{font-size:18px}.actions .button{font-size:19px;padding:22px 25px}.section{padding:45px 6%}.about-inner{padding:45px 6%;gap:25px}.contact{padding:28px}.contact h2{font-size:30px}.contact-details .button{font-size:21px}.hero-benefits{font-size:14px;max-width:320px}footer{margin:0 6%;padding-bottom:100px}.mobile-call{display:block!important;position:fixed;bottom:0;left:0;right:0;background:#ffd24d;color:#142132;text-align:center;font-size:18px;font-weight:800;padding:18px;text-decoration:none;z-index:10;box-shadow:0 -3px 15px #102a4320}}.mobile-call{display:none}

/* Elite Lock Pros: charcoal, copper and warm ivory */
:root{--ink:#25272a;--green:#944622;--lime:#a34c29;--paper:#fcfaf6;--line:#ded8cf}body{background:#fcfaf6;color:#25272a}nav{background:#fcfaf6}.mark{color:#a34c29}.button,.contact .button{background:#a34c29;color:#fff;box-shadow:0 4px 0 #773519}.hero{background:#25272a;color:#fff;border-radius:0 0 28px 28px}.hero .eyebrow{color:#efc0a1}.dot{background:#df9d72}.hero .intro,.hero-benefits{color:#e0ded9}.hero-phone{color:#fff}.hero-benefits li:before{background:#e8b18a;color:#25272a}.eyebrow{color:#944622}.card{background:#fffdfa;border-color:#ded8cf;box-shadow:0 8px 30px #30271e07}.icon{color:#944622;background:#f1e2d5}.card p,.section-head p,.about p,.contact p{color:#5d5b57}.card li:before,.steps b{color:#944622}.card .num{color:#716c64}.about{background:#eee7dd}.steps{border-color:#d5cabd}.cities span{background:#fcfaf6;border-color:#d9cec0}.contact{background:#eee7dd;color:#25272a}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;list-style:none;margin:0;padding:0}.service-grid li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ded8cf;padding:21px 0;font-size:15px;font-weight:700;line-height:1.4}.service-grid li span{display:grid;place-items:center;background:#f1e2d5;color:#944622;width:27px;height:27px;border-radius:50%;flex-shrink:0}.all-services{padding-top:0}.service-action{text-align:center;margin-top:35px}footer{color:#65615a}.mobile-call{background:#a34c29!important;color:white!important}a:focus-visible{outline:3px solid #dc9162;outline-offset:5px}@media(max-width:760px){.service-grid{grid-template-columns:1fr 1fr;gap:0 18px}.service-grid li{font-size:13px;gap:8px}.service-grid li span{width:23px;height:23px}.all-services{padding-top:5px}}@media(max-width:380px){.service-grid{grid-template-columns:1fr}}
.hero-areas{max-width:760px;margin:34px auto 0;padding:25px 25px 22px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff08}.area-label{display:flex;justify-content:center;align-items:center;gap:9px;color:#efc0a1;font-size:11px;font-weight:800;letter-spacing:1.7px}.area-label>span{font-size:22px;line-height:1}.hero-areas>p{font-size:16px;color:#f4eee8;margin:12px 0 19px}.hero-areas ul{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}.hero-areas li{padding:8px 12px;border:1px solid #ffffff25;border-radius:6px;background:#ffffff06;color:#e9e4df;font-size:12px;line-height:1.3}@media(max-width:760px){.hero-areas{padding:21px 15px;margin-top:28px}.hero-areas ul{gap:7px}.hero-areas li{padding:7px 10px;font-size:11px}.hero-areas>p{font-size:14px}}/* Cleaner service areas for WordPress and mobile */
.hero .hero-areas{max-width:700px;margin:34px auto 0;padding:26px 0 0;border:0;border-top:1px solid #ffffff26;border-radius:0;background:none;box-shadow:none}
.hero .hero-areas .area-label{font-size:11px;letter-spacing:1.6px;color:#efc0a1}
.hero .hero-areas>p{margin:12px 0 22px;font-size:16px;line-height:1.5;color:#f4eee8}
.hero .hero-areas ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;padding:0;margin:0;list-style:none;text-align:left}
.hero .hero-areas li{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:12px 0;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:none;box-shadow:none;color:#e9e4df;font-size:14px;font-weight:400;line-height:1.4}
.hero .hero-areas li::before{content:'';display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#d99d75}
@media(max-width:760px){.hero .hero-areas{max-width:440px;padding-top:24px;margin-top:30px}.hero .hero-areas ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.hero .hero-areas li{padding:11px 0;font-size:14px}.hero .hero-areas>p{font-size:14px;margin-bottom:17px}}

html{scroll-padding-top:50px}body.admin-bar .mobile-call{z-index:9998}