/*
Theme Name: Payless PLS Local
Author: Payless Locksmith Inc
Description: Original Payless website for plslocksmith.net with the reference site's page structure.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
*/
:root{--ink:#172125;--muted:#536166;--paper:#f7f7f1;--yellow:#edfa4e;--line:#d9dfd7;--dark:#152328}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #6c8200;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;z-index:99;padding:12px;background:white}.skip:focus{top:10px}.topbar{background:var(--ink);color:#e9eee7;font-size:11px;letter-spacing:.1em;padding:10px 0}.topbar .wrap{display:flex;justify-content:space-between}.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}.brand{display:flex;align-items:center;text-decoration:none;gap:9px;flex-shrink:0}.brand img{width:56px;height:56px;object-fit:contain}.brand span{font-size:21px;font-weight:900;letter-spacing:-.7px;line-height:1.05}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px}nav>ul{list-style:none;display:flex;gap:20px;padding:0;margin:0;align-items:center;font-size:13px;font-weight:600}nav a{text-decoration:none}summary{cursor:pointer}nav summary{list-style:none}nav summary::after{content:' +';font-size:15px}.dropdown{position:relative}details[open]>summary::after{content:' −'}.submenu{position:absolute;top:40px;left:-15px;padding:22px;background:white;border:1px solid var(--line);box-shadow:0 20px 50px #17212520;display:grid;gap:10px;min-width:280px;max-height:65vh;overflow:auto}.submenu a{display:block;font-size:14px;line-height:1.4}.submenu a:hover{background:var(--yellow)}.button{display:inline-block;background:var(--yellow);border:1px solid var(--ink);padding:16px 25px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:700;line-height:1.5}.button:hover{background:#e1ec39}.button.small{font-size:13px;padding:12px 16px;white-space:nowrap}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px}.hero{background:var(--dark);color:var(--paper);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:60px;padding:90px 0 70px;align-items:center}h1,h2,h3{line-height:1.06;letter-spacing:-.04em;margin:0;font-weight:750}.hero h1{font-size:clamp(52px,6.2vw,88px)}.lead{font-size:18px;max-width:550px;color:#cfd7d4;line-height:1.65;margin:28px 0}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero .button{border-color:var(--yellow)}.text-link{font-size:14px}.hero-note{font-size:13px;color:#b8c5c2;margin-top:35px}.hero-art{position:relative;min-height:440px;border:1px solid #546662;background:#213337;display:grid;place-items:center;border-radius:240px 240px 12px 12px}.hero-art img{width:88%;transform:rotate(-14deg)}.art-label{position:absolute;bottom:26px;right:24px;font-size:10px;letter-spacing:.15em;text-align:right;color:var(--yellow)}.section{padding:85px 0}.section h2,.shop-band h2{font-size:clamp(34px,4vw,54px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading>p{max-width:390px;color:var(--muted);font-size:16px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:32px}.service-card{padding:26px 22px;min-height:215px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;background:#fff9;transition:background .15s}.service-card:hover{background:var(--yellow)}.service-card .number{font-size:11px;color:var(--muted)}.service-card h3{font-size:25px;letter-spacing:-.03em;margin:25px 0}.service-card>span:last-child{font-size:12px;margin-top:auto}.shop-band{background:#e9ecdf;padding:70px 0}.split{display:flex;gap:80px;align-items:center;justify-content:space-between}.split>div:first-child{flex:1}.split>div:first-child p{max-width:570px}.address-card{background:var(--paper);padding:35px;min-width:340px;border:1px solid var(--line)}.address-card strong{font-size:23px}.address-card a{font-weight:700}.address-card span{display:block;font-size:12px;color:var(--muted);margin-top:25px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 24px;margin-top:30px}.area-grid a{font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding:13px 0}.area-grid a::after{content:' ↗';float:right;color:var(--muted)}.area-grid a:hover{color:#576800}.call-strip{background:var(--yellow);padding:65px 0}.call-strip h2{font-size:clamp(36px,4vw,55px)}.call-strip .button{background:var(--ink);color:white;flex-shrink:0}.call-strip p:last-child{font-size:15px}footer{padding:60px 0 20px;background:var(--dark);color:#dfe8e3;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1fr .6fr;gap:40px}.footer-grid h2{font-size:13px;letter-spacing:0;color:#a6b9af;margin-bottom:18px}.footer-grid strong{font-size:17px}.footer-grid>div:last-child>a{display:block;margin-bottom:8px;text-decoration:none}.footer-bottom{border-top:1px solid #45534d;margin-top:45px;padding-top:20px;font-size:11px;color:#9db0a6}.page-heading{padding:65px 0;background:#e9ecdf;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(38px,5vw,66px);max-width:1050px}.page-content{padding-top:60px;padding-bottom:80px;min-height:50vh}.page-content>p,.page-content>section,.page-content>details{max-width:840px}.page-content h2{font-size:31px;line-height:1.15;margin-bottom:18px}.page-content p{color:#435257;line-height:1.8}.page-content>section{margin-bottom:40px}.page-content>details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:30px 0}.page-content>details summary{font-weight:700}.page-content>details>p{padding-left:22px}.related-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px}.related-links a,.related{font-size:14px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-bottom:55px}.big-phone{font-size:clamp(26px,3vw,40px);font-weight:700;white-space:nowrap}.contact-grid .address-card{min-width:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:45px}.gallery figure{margin:0;background:#e9ecdf;padding:30px}.gallery img{width:100%;height:320px;object-fit:contain}.gallery figcaption{font-size:13px;margin-top:25px;color:var(--muted)}.contact-grid p{max-width:650px}@media(max-width:1150px){nav>ul{gap:13px;font-size:12px}.nav-row{gap:14px}.brand span{font-size:17px}.brand img{width:46px}.button.small{font-size:12px;padding:10px}.hero-grid{gap:35px}.hero-art{min-height:380px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.nav-row{flex-wrap:wrap;padding:20px 0;min-height:0}.brand{order:0}.nav-row>.button{order:1}nav{order:2;width:100%;padding-top:18px}nav>ul{justify-content:space-between;font-size:13px}.hero-grid{padding:65px 0;gap:28px}.hero h1{font-size:56px}.hero-art{min-height:320px}.service-grid{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(3,1fr)}.split{gap:35px}.address-card{min-width:290px;padding:25px}.footer-grid{grid-template-columns:repeat(2,1fr)}.section-heading{gap:30px}.contact-grid{gap:30px}.page-heading h1{font-size:48px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topbar{font-size:9px}.topbar span{display:none}.brand img{width:42px}.brand span{font-size:18px}.hero-grid{grid-template-columns:1fr;padding:48px 0 36px}.hero h1{font-size:46px}.lead{font-size:17px}.hero-art{min-height:285px;max-width:440px;width:100%;margin:10px auto 0}.hero-art img{max-width:330px}.hero-note{margin-top:25px}nav>ul{flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;font-size:13px}.submenu{left:0;min-width:250px;width:min(320px,calc(100vw - 50px));max-height:50vh}.dropdown:nth-child(4) .submenu{left:-95px}.section{padding:55px 0}.section-heading{display:block}.section-heading>p{margin-top:25px}.section h2,.shop-band h2{font-size:38px}.service-card{padding:20px 17px;min-height:205px}.service-card h3{font-size:24px}.split{display:block}.address-card{margin-top:30px;min-width:0}.shop-band{padding:50px 0}.area-grid{grid-template-columns:1fr 1fr;gap:0 18px}.area-grid a{font-size:13px}.call-strip{padding:45px 0}.call-strip .button{margin-top:20px}.footer-grid{gap:30px 22px}.footer-grid strong{font-size:14px}.page-heading{padding:45px 0}.page-heading h1{font-size:40px}.page-content{padding:40px 0 55px}.page-content h2{font-size:29px}.contact-grid,.gallery{grid-template-columns:1fr}.gallery img{height:250px}.contact-grid{gap:10px}.eyebrow{font-size:10px}.footer-grid>div:nth-child(3) a{overflow-wrap:anywhere}}