/*
Theme Name: Auto Care 1 Stop
Version: 3.1.0
Requires at least: 6.4
*/
/* Site colors are supplied by Core configuration, including the editor palette. */
*{box-sizing:border-box}
body{margin:0;background:var(--site-background);color:var(--site-ink);font-family:system-ui,sans-serif;line-height:1.65}
a{color:var(--site-link);text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--site-accent);outline-offset:4px}
h1,h2,h3,h4{color:var(--site-ink);line-height:1.2}
main{max-width:1200px;margin:auto;padding:36px 28px 56px}
.auto-header{background:var(--site-ink);color:var(--site-on-dark);padding:22px 28px;border-bottom:5px solid var(--site-gold)}
.auto-header-inner{max-width:1320px;margin:auto;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.auto-header p:empty{display:none}.auto-header nav>p{margin:0}
.auto-contact-details{display:flex;flex-direction:column;gap:6px;font-style:normal;overflow-wrap:anywhere}
.auto-header .auto-contact-details{margin-left:auto;text-align:right}
.auto-contact-details a{color:inherit}
.auto-phone{font-size:22px;font-weight:750}
.auto-address{font-size:15px}
.auto-brand{display:block;flex-shrink:0;background:var(--site-surface);border-radius:8px;padding:10px 14px;color:var(--site-ink);text-decoration:none;font-size:22px;font-weight:800;max-width:100%}
.auto-brand-full{display:block;width:340px;max-width:100%;height:auto}
.auto-brand-mobile{display:none}
.auto-nav{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;font-size:15px}
.auto-nav a{color:var(--site-on-dark)}
.auto-nav .btn{background:transparent;color:var(--site-on-dark);border-color:var(--site-on-dark)}
.auto-nav .btn:hover{background:var(--site-accent)}
.auto-nav details{position:relative}
.auto-nav summary{cursor:pointer;padding:8px 0;font-weight:650}
.auto-nav details[open]>summary{border-bottom:2px solid var(--site-gold)}
.auto-nav ul{position:absolute;top:100%;left:0;z-index:20;background:var(--site-ink);padding:12px;min-width:245px;max-width:calc(100vw - 56px);list-style:none;border:1px solid var(--site-border);border-top:3px solid var(--site-gold);border-radius:6px;box-shadow:0 8px 24px rgb(0 0 0 / .15);margin:6px 0}
.auto-nav li a{display:block;padding:8px;border-radius:4px}
.auto-nav li a:hover{background:var(--site-accent)}
.auto-nav .auto-request-link{background:var(--site-gold);color:var(--site-ink);padding:10px 16px;border-radius:6px;font-weight:750;text-decoration:none}
.auto-header :focus-visible{outline-color:var(--site-gold)}
.auto-hero{padding:48px 0 56px;border-bottom:1px solid var(--site-border)}
.auto-hero h1{font-size:clamp(36px,5vw,64px);max-width:900px;margin:0 0 24px;letter-spacing:-.025em}
.auto-hero h1:before{content:'';display:block;width:64px;height:5px;background:var(--site-gold);margin-bottom:24px;border-radius:2px}
.auto-hero p{font-size:20px;max-width:780px;color:var(--site-muted)}
.wp-block-group{margin-bottom:28px}
.auto-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.auto-card{background:var(--site-surface);padding:26px;border:1px solid var(--site-border);border-top:4px solid var(--site-accent);border-radius:10px}
.auto-card h3{margin-top:0}.auto-card a{font-weight:700}.auto-card:hover{border-top-color:var(--site-gold)}
.btn,main button,main input[type=submit],main .button{display:inline-block;padding:12px 18px;border:1px solid var(--site-accent);border-radius:6px;margin:5px 5px 5px 0;text-decoration:none;line-height:1.4;font:inherit;font-weight:650;cursor:pointer;color:var(--site-link);background:var(--site-surface)}
.btn-primary,main button[type=submit],main input[type=submit],main .button-primary{background:var(--site-accent);color:var(--site-on-dark)}
.btn-primary:hover,main button[type=submit]:hover,main input[type=submit]:hover{background:var(--site-accent-hover);color:var(--site-on-dark)}
.btn:focus-visible{outline-offset:4px}.redesign-actions{display:flex;gap:8px;flex-wrap:wrap}
main :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){max-width:100%;padding:11px 12px;background:var(--site-surface);color:var(--site-ink);border:1px solid var(--site-border);border-radius:5px;font:inherit}
main :where(input[type=email],input[type=text],textarea){width:min(100%,640px)}
main :where(input[type=checkbox],input[type=radio],progress){accent-color:var(--site-accent)}
main fieldset{min-width:0;max-width:100%;border:1px solid var(--site-border)!important;border-top:3px solid var(--site-gold)!important;border-radius:8px;padding:20px;margin:24px 0;background:var(--site-surface)}
main legend{font-weight:750;padding:0 8px;color:var(--site-ink)}
.autocare-form label{display:block;margin:12px 0}
.autocare-hp{display:none!important}
main blockquote{border-left:4px solid var(--site-gold);margin-left:0;padding:12px 22px;background:var(--site-surface)}
main table{border-collapse:collapse;width:100%;overflow-wrap:anywhere}
main th{background:var(--site-ink);color:var(--site-on-dark)}
main td,main th{padding:10px;border:1px solid var(--site-border);text-align:left}
.auto-footer{padding:32px max(28px,calc((100vw - 1144px)/2));background:var(--site-ink);color:var(--site-on-dark);border-top:4px solid var(--site-gold);margin-bottom:0}
.auto-footer a,.auto-footer h2,.auto-footer p{color:var(--site-on-dark)}
.auto-service-illustration img{width:100%;height:auto;display:block;border-radius:10px}
.auto-service-illustration{max-width:760px;margin:24px 0}.auto-card .auto-service-illustration{margin:16px 0}
@media(max-width:760px){
 main{padding:24px 18px 40px}.auto-header{padding:18px}.auto-header-inner{gap:18px}.auto-cards{grid-template-columns:1fr}
 .auto-header .auto-contact-details{margin-left:0;text-align:left;width:100%}
 .auto-brand{padding:8px 12px}.auto-brand-full:has(+.auto-brand-mobile){display:none}.auto-brand-mobile{display:flex;align-items:center;gap:10px}.auto-brand-mobile img{width:58px;height:58px;object-fit:contain}.auto-brand-mobile>span{font-size:21px}
 .auto-nav{width:100%;gap:6px 16px}.auto-nav ul{position:static;max-width:100%;min-width:0}.auto-nav details[open]{flex-basis:100%}
 .auto-hero{padding:20px 0 32px}.auto-hero p{font-size:18px}.auto-card{padding:22px}
}