/*
Theme Name: Prime Auto
Author: Website World
Description: A complete automotive workshop demonstration website with code-managed homepage copy.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: prime-auto
*/
:root{--ink:#17251f;--dark:#14201c;--cream:#f4f3ec;--yellow:#ffc552;--muted:#626d65;--line:#d9ddd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba5600;outline-offset:4px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}.demo{background:var(--yellow);color:var(--ink);padding:8px 20px;text-align:center;font-size:11px;font-weight:600}.demo a{text-decoration:underline;text-underline-offset:3px}.header{position:sticky;top:0;z-index:20;background:var(--cream);border-bottom:1px solid var(--line)}.nav{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:900;letter-spacing:-1.2px;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:3px;margin-top:7px}.logomark{font-size:34px;letter-spacing:-10px;color:#a77912;transform:skew(-15deg);padding-right:9px}.logo em{font-style:normal;font-weight:400}nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 22px;border:1px solid transparent;background:var(--yellow);color:var(--ink);font-weight:800;font-size:13px;border-radius:2px;cursor:pointer;transition:background .15s}.btn:hover{background:#efd386}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#3f5147}.btn.outline{border-color:#718076;background:transparent;color:white}.menu{display:none}.hero{padding:70px 0 35px;background:var(--dark);color:white;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;text-transform:uppercase;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:20px;height:2px;background:var(--yellow)}.hero .eyebrow{color:#e9d69d}.hero-top{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:75px}h1{font-size:clamp(48px,5.8vw,80px);line-height:1.02;font-weight:800;letter-spacing:-4px;margin:0}h1 em{font-style:normal;color:var(--yellow)}.hero-copy p{font-size:16px;color:#c7d2c9;margin:0 0 25px;max-width:390px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{margin-top:44px;position:relative;border:1px solid #405148;background:#1b2824}.hero-visual img{width:100%;height:440px;object-fit:cover;display:block}.visual-label{position:absolute;right:24px;bottom:22px;font-size:10px;letter-spacing:1.8px;color:#c5d1c5;background:#14201cdc;padding:8px 12px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#c2cec1}.hero-bottom b{color:var(--yellow);font-weight:400}.service-strip{padding:21px 0;border-bottom:1px solid var(--line)}.service-strip .wrap{display:flex;justify-content:space-between;gap:16px;font-size:12px;font-weight:700}.service-strip span:before{content:'+';color:#896a1b;margin-right:13px}section{padding:86px 0}h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-2px;line-height:1.08;margin:0}h3{font-size:20px;line-height:1.3;letter-spacing:-.5px}.heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:36px}.heading>p{max-width:360px;font-size:14px;color:var(--muted);margin:0}.heading .eyebrow{margin-bottom:16px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service{padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf6;display:flex;flex-direction:column}.service-top{display:flex;justify-content:space-between;align-items:center}.service-top span{font-size:11px;color:var(--muted)}.service svg{width:33px;height:33px;stroke:#546548;stroke-width:1.5;fill:none}.service h3{margin:24px 0 11px}.service p{font-size:14px;color:var(--muted);margin:0 0 24px}.service a{margin-top:auto;font-weight:700;font-size:12px;display:flex;justify-content:space-between}.service:hover{background:#fff}.about{background:#e5e9de}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about p{font-size:15px;color:#566250}.about h2{margin-bottom:24px}.feature-list{margin-top:30px;border-top:1px solid #c5cebb}.feature-list div{display:flex;gap:20px;border-bottom:1px solid #c5cebb;padding:16px 0}.feature-list b{color:#81702e}.feature-list p{margin:0;font-size:13px}.illustration{background:#ced8c8;border:1px solid #c5cebb}.illustration img{display:block;width:100%;height:auto}.illustration div{padding:19px 23px;background:var(--dark);color:#dce2d6;font-size:12px;display:flex;justify-content:space-between;gap:10px}.illustration b{color:var(--yellow)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.step{border-top:2px solid var(--ink);padding-top:23px}.step .num{font-size:12px;color:#816b24}.step h3{font-size:24px;margin:17px 0 13px}.step p{color:var(--muted);font-size:14px}.gallery{background:var(--dark);color:white}.gallery .heading>p{color:#c2cec1}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.gallery figure{margin:0}.gallery img{width:100%;height:245px;object-fit:cover;display:block}.gallery figcaption{font-size:13px;margin-top:15px}.gallery figcaption span{display:block;color:#aebcb0;font-size:11px;margin-top:3px}.area-band{background:var(--yellow);padding:38px 0}.area-band .wrap{display:flex;justify-content:space-between;gap:35px;align-items:center}.area-band h2{font-size:31px;letter-spacing:-1px}.area-band p{font-size:12px;max-width:380px;margin:10px 0 0}.area-band .areas{font-size:13px;line-height:2}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.faq-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:310px}details{padding:21px 0;border-bottom:1px solid var(--line)}details:first-child{padding-top:0}summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:22px;line-height:1}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin-bottom:0}.booking{background:#e5e9de}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.booking h2{margin-bottom:26px}.booking p{font-size:14px;color:#53604e}.note{margin-top:30px;border-left:3px solid #82702e;padding-left:18px;max-width:410px}.note p{font-size:12px}form{padding:30px;background:#fafbf7;border:1px solid #c8d0c1}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#fff;border:1px solid #bcc7b5;border-radius:2px;padding:11px;color:var(--ink);font-size:14px}textarea{min-height:90px;resize:vertical}form .btn{width:100%}.form-note{font-size:11px!important}.status{font-size:13px;font-weight:700;color:#365827!important}footer{padding:42px 0;background:#111c17;color:#fff}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}footer .logo .logomark{color:var(--yellow)}footer p{font-size:12px;color:#bfccbd}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #40503e;padding-top:21px;margin-top:30px;font-size:10px;color:#bfcdbd}.footer-bottom a{color:var(--yellow);text-decoration:underline}.skip{position:absolute;left:-999px;background:white;color:var(--ink);padding:14px;z-index:100}.skip:focus{left:10px}.wp-content{max-width:1000px;padding:50px 24px;margin:auto}.admin-bar .header{top:32px}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}nav{gap:19px}.hero-top{gap:35px}h1{font-size:64px}.about-grid,.faq-grid,.booking-grid{gap:40px}.service{padding:24px}.gallery img{height:200px}}@media(max-width:760px){.nav{min-height:75px}.menu{display:block;background:transparent;border:1px solid #b4c0af;padding:8px 12px;color:var(--ink);font-size:13px}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:22px;background:var(--cream);border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{padding-top:44px}.hero-top{grid-template-columns:1fr;gap:28px}h1{font-size:62px}.hero-copy p{max-width:520px}.hero-visual{margin-top:32px}.hero-visual img{height:320px}.hero-bottom{font-size:9px;letter-spacing:.8px;flex-wrap:wrap}.service-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:12px 25px;font-size:11px}section{padding:56px 0}.heading{display:block}.heading>p{margin-top:21px}.services{grid-template-columns:1fr 1fr}.about-grid,.faq-grid,.booking-grid{grid-template-columns:1fr;gap:35px}.process-grid{gap:20px}.step h3{font-size:20px}.gallery-grid{grid-template-columns:1fr}.gallery img{height:290px}.area-band .wrap{display:block}.area-band .areas{margin-top:20px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:10px}.admin-bar .header{top:46px}}@media(max-width:440px){.wrap{width:calc(100% - 32px)}h1{font-size:51px;letter-spacing:-2.8px}.logo{font-size:23px}.hero-visual img{height:250px}.visual-label{font-size:8px;right:10px;bottom:10px}.services,.process-grid{grid-template-columns:1fr}.process-grid{gap:25px}.fields{grid-template-columns:1fr;gap:0}form{padding:22px}.gallery img{height:230px}.btn{padding:14px 17px;gap:15px}.hero-bottom span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}