/*
Theme Name: VC Automotive Custom
Theme URI: https://vc.gywo98.com/
Author: Get Your Web On
Description: Custom responsive VC Automotive theme based on public-facing structure and text, with Elementor Free compatible content editing.
Version: 1.5.0
Requires at least: 6.0
Text Domain: vc-automotive
*/
:root{--blue:#679dbe;--black:#222;--muted:#f4f5f5;--text:#333}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1150px;padding:0 24px;margin:0 auto}.topline{background:#282828;color:#fff;font-size:14px;text-align:right;padding:8px 0}.topline a{text-decoration:none}.sitehead{background:white;box-shadow:0 1px 5px #0001;position:relative;z-index:5}.headrow{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand img{max-width:280px;max-height:90px;object-fit:contain}.brand span{font-size:24px;font-weight:800}.nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav a:hover{color:var(--blue)}.menu-toggle{display:none;background:none;border:1px solid #bbb;padding:8px 12px}.hero{background:linear-gradient(#344d5b55,#344d5b55),var(--blue);color:white;text-align:center;padding:105px 20px 110px}.hero h1{font-size:clamp(35px,5.5vw,62px);line-height:1.15;max-width:930px;margin:0 auto 20px}.hero h2{font-size:clamp(20px,2.5vw,29px);font-weight:400;margin:0 auto 28px}.btn{display:inline-block;background:var(--blue);color:white;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px;padding:14px 32px;border:0;cursor:pointer}.hero .btn{background:#fff;color:#252525}.section{padding:80px 0}.section.alt{background:var(--muted)}.section h2{font-size:clamp(29px,3.7vw,39px);line-height:1.24;margin:0 0 18px}.section h3{font-size:23px;margin:0 0 13px}.eyebrow{color:var(--blue);font-size:18px;font-weight:700}.section p{margin:0 0 18px}.center{text-align:center}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.business-details{background:#f3f5f6;padding:42px 0}.business-details h3{color:var(--blue)}.feature{padding:22px 14px;background:#fff;border:1px solid #eaeaea;text-align:center}.feature h3{font-size:20px}.photos img{width:100%;height:260px;object-fit:cover}.photo-fallback{background:#ddd;min-height:180px}.reviews .review{background:white;padding:26px;box-shadow:0 3px 16px #0000000b}.reviews h3{color:var(--black)}.review .stars{color:#d69c3a;letter-spacing:3px}.faq details{border-bottom:1px solid #ddd;padding:19px 8px}.faq summary{cursor:pointer;font-size:18px;font-weight:700}.faq details p{margin:12px 0 0}.footer{background:#242424;color:#fff;padding:58px 0 25px}.footer a{color:white}.footer small{color:#bbb}.footer .three{margin-bottom:30px}.entry{min-height:200px}.entry:not(.elementor){padding:20px 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:860px){.headrow{min-height:85px;flex-wrap:wrap;padding:12px 0}.brand img{max-width:220px}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:start;padding:14px 0}.nav.open{display:flex}.two,.three,.four{grid-template-columns:1fr}.section{padding:50px 0}.hero{padding:65px 18px}.photos img{height:auto}.footer .three{gap:15px}}
/* Responsive, accessible contact fields */
.vc-contact-form{max-width:880px;margin:24px auto;text-align:left}.vc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vc-contact-form label{display:block;font-size:15px;font-weight:600;margin-bottom:18px}.vc-contact-form input,.vc-contact-form textarea{display:block;width:100%;border:1px solid #bbc6cb;background:#fff;padding:13px 14px;border-radius:2px;font:inherit;margin-top:7px}.vc-contact-form input:focus,.vc-contact-form textarea:focus{outline:2px solid #679dbe;outline-offset:2px}.vc-contact-form button{background:#679dbe}.nav .menu-item{list-style:none}.nav ul{list-style:none;margin:0;padding:0}.nav .sub-menu{display:none;position:absolute;z-index:20;background:white;box-shadow:0 6px 12px #0002;padding:10px 15px}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav li{position:relative}.sitehead .nav{margin:0;padding:0}.nav li a{display:block;padding:5px 0}@media(max-width:860px){.vc-form-grid{grid-template-columns:1fr}.nav .sub-menu{position:static;display:block;box-shadow:none;padding-left:18px}.sitehead .nav{padding:12px 0}.nav li{width:100%}}

.page-copy{padding-top:45px;padding-bottom:70px}.page-copy>h1,.entry h1{line-height:1.2}.service-grid{margin:30px 0}.service-grid .feature{text-align:left}.service-grid .feature h2{font-size:20px;margin-top:0}.nav a:focus-visible,.btn:focus-visible,.menu-toggle:focus-visible{outline:3px solid #276b9e;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v1.3 usability and polish improvements */
.feature{display:block;color:inherit;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
a.feature:hover,a.feature:focus-visible{box-shadow:0 8px 24px #15354b24;transform:translateY(-2px);outline:2px solid var(--blue);outline-offset:2px}
.hero{background-image:linear-gradient(135deg,#244357cc,#5e9bc6c9);background-color:#487a9a}
.service-detail{min-height:55vh}
.service-detail .eyebrow{margin-bottom:12px}.service-detail h1{font-size:clamp(34px,4.5vw,54px);line-height:1.12;margin:0 0 24px}.service-detail p{max-width:850px}
@media (max-width:860px){.nav li{width:100%}.nav ul{width:100%}.sitehead .nav{flex-direction:column;align-items:stretch}.headrow .menu-toggle{cursor:pointer}}

/* 1.4: shared theme chrome, Elementor editable homepage, mobile refinements */
:root{--blue:#679dbe;--black:#222;--text:#343434}
body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.sitehead{box-shadow:0 1px 4px rgba(20,30,40,.10)}
.headrow{min-height:110px}.brand{display:flex;align-items:center;max-width:330px;flex:0 0 auto}.brand img{display:block;max-width:100%;width:auto;height:auto;max-height:96px}
.nav{column-gap:24px;row-gap:9px}.vc-menu-items{display:flex;flex-wrap:wrap;gap:22px;align-items:center;list-style:none;padding:0;margin:0}.nav a{font-size:13px;letter-spacing:.02em}.nav a:focus-visible{outline:2px solid #276b9e;outline-offset:4px}
.hero{background-image:none;background-color:#679dbe}
.vc-hero-content{max-width:1040px;margin:auto}
.feature{border-color:#e7e7e7}.feature:hover{box-shadow:0 6px 18px #00000012}
.footer{font-size:15px}.footer .brand img{max-width:210px}
.vc-banner{background:#679dbe;color:#fff;padding:76px 24px}.vc-banner h1{color:#fff;font-size:clamp(32px,5vw,52px);margin:0 auto 14px;max-width:1100px;text-align:center}
.vc-banner p{text-align:center;margin:0 auto;max-width:720px;color:#fff}
.vc-contact-form button:hover,.btn:hover{filter:brightness(.92)}
.vc-contact-form button:focus-visible,.menu-toggle:focus-visible{outline:3px solid #244d70;outline-offset:4px}
@media(max-width:860px){.headrow{min-height:76px}.brand{max-width:235px}.brand img{max-height:72px}.nav{gap:0}.vc-menu-items{flex-direction:column;align-items:stretch;width:100%}.nav a{padding:10px 6px}.hero h1{font-size:clamp(31px,8vw,45px)}.hero{padding:76px 18px}.section{padding:52px 0}.business-details{padding:30px 0}}
@media(max-width:420px){.wrap{padding-left:18px;padding-right:18px}.brand{max-width:195px}.headrow{gap:10px}}

/* Client photo hardening */ .photos img{display:block;object-position:center;aspect-ratio:3/2;background:#dbe2e5}.brand img{display:block;width:min(285px,100%);height:auto}.vc-elementor-home{padding:0!important}
