/*
Theme Name: Perez Mobile Car Care
Description: Custom WordPress theme for Perez Mobile Car Care, a Tri-Cities mobile automotive repair business.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Author: Perez Mobile Car Care
Text Domain: perez-mobile-car-care
*/
:root{--navy:#061a2b;--navy2:#0b263b;--ink:#071827;--muted:#536171;--line:#d7e0e8;--blue:#0788f8;--blue2:#056fd1;--wash:#f4f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.48}.wrap{width:min(1180px,92%);margin:auto}a{color:inherit}.topbar{background:var(--navy);color:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.nav{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;line-height:.9}.brand-car{color:var(--blue);font-size:3rem;transform:rotate(-7deg)}.brand strong{display:block;font-style:italic;font-size:2.05rem;letter-spacing:-.04em}.brand small{display:block;color:var(--blue);font-weight:900;font-size:.84rem;letter-spacing:.04em}.brand em{display:block;text-align:center;font-size:.58rem;letter-spacing:.18em;margin-top:6px}.site-menu{display:flex;align-items:center;gap:30px}.site-menu a{font-size:.86rem;font-weight:700;text-decoration:none;padding:42px 0 10px;border-bottom:3px solid transparent}.site-menu a:hover,.site-menu a:focus{color:#fff;border-color:var(--blue)}.header-contact{display:flex;align-items:center;gap:16px}.header-phone{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:1.15rem;font-weight:900}.header-phone small{display:block;font-size:.58rem;font-weight:500}.header-cta{white-space:nowrap}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #4c6172;border-radius:8px;padding:8px 12px;font:inherit}.button-primary,.button-secondary{border:0;border-radius:6px;padding:13px 21px;font-size:.96rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.button-primary{background:linear-gradient(180deg,#139cff,var(--blue));color:#fff;box-shadow:0 8px 20px rgba(7,136,248,.22)}.button-primary:hover{background:var(--blue2);color:#fff}.button-secondary{background:rgba(5,18,30,.56);color:#fff;border:2px solid #fff}.full{width:100%}
.hero{min-height:440px;background:#061522;position:relative;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0 0 0 38%;background-image:linear-gradient(90deg,#061522 0%,rgba(6,21,34,.75) 16%,rgba(6,21,34,.05) 58%),url('assets/images/mechanic-hero.jpg');background-size:cover;background-position:center}.hero-content{position:relative;z-index:2;padding:56px 0 38px}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.16em;color:var(--blue);margin:0 0 10px}.hero h1{font-size:clamp(2.7rem,5.5vw,4.5rem);line-height:1.02;margin:0 0 15px;letter-spacing:-.035em}.hero h1 span{color:var(--blue)}.lead{font-size:1.08rem;max-width:500px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin:24px 0 10px}.hours{font-size:.82rem;font-weight:700}.benefit-bar{background:var(--navy);color:#fff;padding:19px 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefits>div{display:flex;align-items:center;gap:12px}.benefit-icon{font-size:2.1rem;color:#76bdff}.benefits strong,.benefits small{display:block}.benefits small{color:#d5e2ec;font-size:.79rem}.section{padding:60px 0}.section-head{text-align:center;margin-bottom:28px}.section-head h2,.lead-section h2,.faq h2{font-size:2.15rem;line-height:1.1;margin:0}.section-head>p:last-child{margin:.55rem 0 0;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,var(--wash))}.service-icon{color:var(--blue);font-size:2.2rem;min-width:46px;text-align:center}.service h3{margin:0 0 3px;font-size:1.02rem}.service p{margin:0;color:var(--muted);font-size:.88rem}
.lead-section{background:linear-gradient(110deg,#071d2f 0%,#0a2336 51%,#eef4f8 51%);padding:44px 0 28px}.lead-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:start}.lead-copy{color:#fff;padding:18px 0}.lead-copy>h2{font-size:2.55rem;max-width:430px}.lead-copy>p:not(.eyebrow){color:#e0e8ee;max-width:440px}.checks{list-style:none;padding:0;margin:20px 0}.checks li{margin:11px 0;font-weight:700}.checks li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-right:11px;background:var(--blue);color:#fff}.contact-card{max-width:330px;background:#051421;border-radius:10px;padding:17px 21px;display:flex;gap:16px;align-items:center;margin:18px auto}.contact-card>b{font-size:2.2rem;color:var(--blue)}.contact-card span>*{display:block}.contact-card small{font-weight:700}.contact-card a{font-size:1.28rem;font-weight:900;text-decoration:none}.contact-card em{font-size:.75rem;font-style:normal}.steps{margin-top:56px;color:var(--ink);background:#fff;margin-left:-5vw;padding:26px 5vw 16px;width:calc(100% + 10vw)}.steps h2{font-size:1.7rem}.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.step-row div{display:grid;gap:8px}.step-row b{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:50%;font-size:1.2rem}.step-row strong{font-size:.86rem}.card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;box-shadow:0 12px 35px rgba(2,20,34,.12)}.form-card h3{margin:0 0 18px}form{display:grid;gap:12px}label{font-weight:750;font-size:.78rem;display:grid;gap:5px}.required{color:#e11d48;display:inline}input,select,textarea{font:inherit;border:1px solid #bfcbd6;border-radius:5px;padding:9px 10px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid rgba(7,136,248,.16);border-color:var(--blue)}textarea{resize:vertical}.two,.three{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:.65fr 1fr 1fr}.fine{font-size:.71rem;color:#667685;margin:0}.notice{border-radius:7px;padding:13px 15px;margin-bottom:16px;font-weight:700}.notice-error{background:#fff1f3;border:1px solid #fecdd6;color:#9f1239}.faq{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.faq>div{grid-row:span 2}.faq details{border:1px solid var(--line);border-radius:8px;padding:17px 19px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.site-footer{background:var(--navy);color:#fff;padding:30px 0 18px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;gap:32px}.footer-inner strong,.footer-inner small,.footer-inner a{display:block}.footer-inner small{color:#ced9e2;margin-top:5px;font-size:.76rem}.footer-phone{font-weight:900;font-size:1.05rem;text-decoration:none;margin-bottom:12px}.footer-bottom{border-top:1px solid #294154;margin-top:22px;padding-top:14px;text-align:center;font-size:.76rem;color:#d2dce4}.hp-field{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important}.content-page{padding:56px 0}.content-page img{max-width:100%;height:auto}input::placeholder,textarea::placeholder{color:#98a5b3;opacity:1}
@media(max-width:980px){.site-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:15px 4%;flex-direction:column;align-items:flex-start;gap:0}.site-menu.open{display:flex}.site-menu a{padding:12px 0;width:100%}.menu-toggle{display:block}.header-contact .header-phone{display:none}.benefits{grid-template-columns:1fr 1fr}.nav{min-height:82px}.brand strong{font-size:1.6rem}}
@media(max-width:760px){.header-cta{display:none}.hero{min-height:520px}.hero-photo{inset:0;background-position:58% center;opacity:.48}.hero-content{padding:65px 0 45px}.hero .lead{max-width:92%}.benefits,.services,.lead-grid,.faq{grid-template-columns:1fr}.benefit-bar{padding:24px 0}.lead-section{background:var(--navy2)}.lead-copy{padding-bottom:0}.form-card{margin-bottom:24px}.steps{margin:35px 0 0;width:100%;padding:25px;border-radius:9px}.two,.three{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.faq>div{grid-row:auto}.brand-car{font-size:2.4rem}}
@media(max-width:480px){.hero-buttons>a{width:100%}.benefits,.footer-inner{grid-template-columns:1fr}.step-row{grid-template-columns:1fr}.brand em{display:none}.brand strong{font-size:1.35rem}.brand small{font-size:.66rem}}