/*
Theme Name: Mobile Tire Doctor
Description: A responsive light, navy and lime theme for Mobile Tire Doctor, paired with the Website Core plugin.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: mobile-tire-doctor
*/
:root{--green:#183f83;--deep:#0b1527;--orange:#c5f34b;--cream:#f5f7fa;--ink:#101c30;--muted:#526176;--line:#d8e0ec;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bf4e21}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.65rem,4.8vw,4.8rem);margin-bottom:24px}h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:22px}h3{font-size:1.3rem;line-height:1.2;letter-spacing:-.025em}.container{max-width:1250px;width:calc(100% - 80px);margin:auto}.topline{background:var(--deep);color:white;font-size:.8rem}.topline .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.topline a{color:white;text-decoration:none}.site-header{background:white;border-bottom:1px solid var(--line)}.header-inner{min-height:111px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:125px;flex-shrink:0}.brand img{width:125px;height:84px;object-fit:contain}#primary-nav{display:flex;gap:27px;align-items:center}#primary-nav>a,#primary-nav a{text-decoration:none;color:var(--ink);font-size:.94rem;font-weight:650}#primary-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:5px;padding:16px 23px;background:var(--green);color:white;font-weight:750;text-decoration:none;cursor:pointer;line-height:1.35}.button:hover{background:var(--deep);text-decoration:none}.button.orange{background:var(--orange);color:#192e22}.button.orange:hover{background:#ff8b68}.header-call{flex-direction:column;gap:3px;padding:12px 20px}.call-caption{font-size:.57rem;letter-spacing:.09em}.header-call strong{font-size:1.07rem}.menu-toggle{display:none}.eyebrow{display:block;color:var(--green);font-size:.7rem;font-weight:800;letter-spacing:.15em;margin-bottom:20px}.eyebrow.light{color:#fcbd9e}.home-hero{background-image:linear-gradient(90deg,rgba(5,39,27,.96) 0%,rgba(5,39,27,.9) 37%,rgba(5,39,27,.58) 100%),var(--hero-image);background-size:cover;background-position:center;color:white}.hero-grid{display:grid;grid-template-columns:1fr 490px;gap:60px;padding-top:64px;padding-bottom:64px;align-items:center}.hero-copy>p{font-size:1.18rem;max-width:580px;color:#e9f0e7;margin-bottom:30px}.hero-copy h1{font-size:clamp(3.5rem,5.5vw,5.6rem);max-width:650px}.hero-points{margin-top:45px;display:grid;gap:10px;color:#e5eadd;font-size:.88rem}.hero-points span:before{content:'✓';color:#fbab8a;margin-right:12px}.hero-caption{display:block;color:#c4d1c9;font-size:.68rem;margin-top:40px}.quote-box{background:white;color:var(--ink);padding:30px;border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 28px #102d2110}.quote-box .eyebrow{font-size:.62rem;margin-bottom:9px}.quote-box h2{font-family:inherit;font-size:1.75rem;font-weight:800;letter-spacing:-.045em;margin-bottom:8px}.quote-box>p{font-size:.85rem;line-height:1.5;color:var(--muted);margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}label{display:block;font-size:.78rem;font-weight:650}input:not([type=checkbox]),textarea{width:100%;padding:11px 12px;color:var(--ink);border:1px solid #a5b6a8;border-radius:4px;background:#fff;margin-top:4px;min-width:0;font-size:.87rem}textarea{resize:vertical}fieldset{border:0;padding:0;margin:16px 0}legend{font-size:.78rem;font-weight:700;padding:0;margin-bottom:8px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.checks label{display:flex;align-items:flex-start;font-size:.68rem;line-height:1.4;font-weight:500;gap:5px}.checks input,.consent input{accent-color:var(--green);flex-shrink:0;margin-top:2px}.checks label:first-child{grid-column:1/-1}.consent{display:flex;align-items:flex-start;gap:8px;font-size:.66rem;line-height:1.45;font-weight:400;margin:14px 0}.quote-box .button{width:100%;font-size:.88rem}.small-note{font-size:.72rem;line-height:1.5;color:var(--muted);margin:12px 0 0}.form-notice{padding:13px;border:1px solid var(--green);background:#edf6ed;color:var(--ink)!important}.honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.project-strip{background:#e8eedf;border-bottom:1px solid var(--line)}.project-strip .container{display:flex;align-items:center;justify-content:space-between;padding:19px 0;font-size:.76rem;letter-spacing:.16em;font-weight:800}.page-content section{margin:0 0 52px}.page-content p{color:var(--muted);margin-bottom:20px}.home-content{padding-top:76px;padding-bottom:18px}.home-content>section:first-child{max-width:850px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.service-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #0a402b12}.service-card img{width:100%;aspect-ratio:1.6;object-fit:cover}.service-card>div{padding:24px;display:flex;flex-direction:column;flex:1}.service-card h3{margin-bottom:12px}.service-card p{font-size:.84rem;line-height:1.6;margin-bottom:20px}.service-card>div>span{margin-top:auto;color:var(--green);font-weight:750;font-size:.82rem;display:flex;justify-content:space-between}.text-link{font-weight:750}.area-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.area-links>a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;background:white;border:1px solid var(--line);font-weight:750;text-decoration:none;border-radius:4px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:6px}.gallery figcaption{font-size:.85rem;margin-top:12px;font-weight:650}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:15px 0 0}.page-hero{background:#e8eedf}.page-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:44px;padding-bottom:50px}.page-hero h1{font-size:clamp(2.6rem,4vw,4rem)}.page-hero p{color:var(--muted);font-size:1.05rem}.breadcrumbs{color:var(--muted);font-size:.73rem;margin-bottom:30px;line-height:1.5}.page-hero .eyebrow{margin-bottom:16px}.page-hero figure{margin:0}.page-hero figure img{width:100%;height:330px;object-fit:cover;border-radius:8px}.page-hero figcaption{font-size:.66rem;margin-top:8px;color:var(--muted)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:64px;padding-top:65px;padding-bottom:25px;align-items:start}.content-layout .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.content-layout .service-card>div{padding:18px}.content-layout .service-card p{display:none}.content-layout .service-card h3{font-size:1.08rem}.content-layout .area-links{grid-template-columns:repeat(2,1fr)}.quote-sidebar{position:sticky;top:24px;scroll-margin-top:24px}.quote-sidebar .quote-box{padding:24px}.page-content ul:not(.related-links){color:var(--muted);padding-left:22px}.related-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.related-links a{display:block;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:white}.contact-number{font-size:2rem;font-weight:800;text-decoration:none}.closing-cta{background:var(--green);color:white}.closing-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:55px;padding-bottom:55px}.closing-cta h2{font-size:3.7rem;margin-bottom:12px}.closing-cta p{color:#dce8d8;margin-bottom:0}.footer-phone{display:block;color:white;text-align:center;margin-top:15px;font-size:1.2rem;font-weight:700;text-decoration:none}.site-footer{background:#f3f0e8}.footer-grid{display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:70px;padding-top:58px;padding-bottom:40px}.footer-title{font-size:1.45rem;letter-spacing:-.04em}.site-footer p{font-size:.86rem;color:var(--muted)}.site-footer h2{font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:0;margin:0 0 16px}.site-footer a{font-size:.82rem;text-decoration:none}.site-footer ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;list-style:none;padding:0;margin:0}.site-footer .area-links{grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 30px}.site-footer .area-links a{padding:7px 0;background:none;border:0;font-weight:500}.footer-bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.mobile-actions{display:none}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:20px}.missing{padding:80px 0}.wp-block-image img{height:auto}
@media(min-width:1450px){.hero-copy h1{font-size:5.9rem}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.hero-grid{grid-template-columns:1fr 440px;gap:35px}.hero-copy h1{font-size:4.4rem}#primary-nav{gap:17px}.header-inner{gap:18px}.header-call{padding:12px}.content-layout{grid-template-columns:minmax(0,1fr) 380px;gap:30px}.footer-grid{gap:35px}.page-hero-grid{gap:35px}}
@media(max-width:850px){.header-inner{flex-wrap:wrap;gap:14px;padding-top:10px;padding-bottom:12px}.brand{margin-right:auto}.header-call{order:2}#primary-nav{order:3;justify-content:center;width:100%;padding-top:8px}.hero-grid{grid-template-columns:1fr;max-width:660px;padding-top:48px;padding-bottom:42px;gap:38px}.hero-copy h1{font-size:4.5rem;max-width:550px}.hero-points{margin-top:25px}.hero-caption{margin-top:22px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:1fr;gap:10px;max-width:720px}.quote-sidebar{position:static;margin-bottom:40px}.page-hero-grid{grid-template-columns:1fr;gap:25px}.page-hero figure img{height:250px}.gallery{gap:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.closing-cta h2{font-size:3rem}.home-content{padding-top:50px}.has-js .menu-toggle{display:block;order:1;background:transparent;border:1px solid var(--line);padding:9px 12px;border-radius:4px;color:var(--ink);font-size:.85rem;font-weight:700}.has-js #primary-nav{display:none}.has-js #primary-nav.is-open{display:flex}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.topline .container{font-size:.62rem;gap:8px}.topline a{white-space:nowrap}.header-inner{min-height:95px;gap:9px}.brand{width:98px}.brand img{width:98px;height:70px}.header-call{padding:10px 12px}.header-call strong{font-size:.82rem}.call-caption{font-size:.42rem}.has-js .menu-toggle{padding:8px;font-size:.73rem}.hero-copy h1{font-size:3.75rem}.hero-copy>p{font-size:1.03rem}.hero-grid{padding-top:36px}.eyebrow{font-size:.61rem}.quote-box{padding:22px}.project-strip .container{font-size:.59rem;letter-spacing:.07em;gap:10px}.home-content h2,.page-content h2{font-size:2.2rem}.service-grid{grid-template-columns:1fr;gap:20px}.service-card img{aspect-ratio:1.85}.service-card>div{padding:23px}.area-links{grid-template-columns:1fr 1fr;gap:9px}.area-links>a{padding:14px;font-size:.85rem}.gallery{grid-template-columns:1fr}.gallery img{aspect-ratio:1.7}.gallery figure{margin-bottom:15px}.page-hero-grid{padding-top:28px;padding-bottom:30px}.page-hero h1{font-size:2.7rem}.page-hero figure img{height:210px}.content-layout{padding-top:38px}.content-layout .service-grid{grid-template-columns:1fr}.page-content section{margin-bottom:36px}.closing-cta .container{flex-direction:column;align-items:flex-start;padding-top:40px;padding-bottom:40px;gap:26px}.closing-cta h2{font-size:3rem}.closing-cta .container>div:last-child{width:100%}.closing-cta .button{width:100%}.footer-grid{grid-template-columns:1fr;gap:30px;padding-top:40px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block;padding-bottom:86px}.footer-bottom span{display:block;margin-top:5px}.mobile-actions{display:grid;grid-template-columns:1.2fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:50;border-top:1px solid #ffffff33;box-shadow:0 -4px 12px #0002}.mobile-actions a{display:block;text-align:center;padding:16px 7px calc(16px + env(safe-area-inset-bottom));background:var(--green);color:white;text-decoration:none;font-size:.82rem;font-weight:750}.mobile-actions a:last-child{background:var(--orange);color:var(--ink)}#request-quote{scroll-margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}

/* Tire Doctor visual identity */
h1,h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:850;letter-spacing:-.055em} .home-hero h1{font-size:clamp(3rem,5.8vw,6rem);max-width:680px}.brand{min-width:160px;text-decoration:none}.wordmark{display:block;color:#0b1527;font-size:22px;font-weight:900;line-height:1.05;letter-spacing:-.045em}.wordmark small{display:block;font-size:11px;letter-spacing:.16em;color:#31578a;margin-bottom:6px}.wordmark em{font-style:normal;color:#31578a}.brand img{max-width:170px;max-height:90px;object-fit:contain}.button{border-radius:8px}.button.orange{background:var(--orange);color:#0b1527}.hero-copy>.eyebrow{color:#c5f34b}.home-hero{background:linear-gradient(100deg,rgba(11,21,39,.96),rgba(11,21,39,.8)),var(--hero-image);background-position:center;background-size:cover}.hero-points{color:#fff}.project-strip{background:#c5f34b;color:#0b1527}.mobile-actions a:last-child{background:#c5f34b;color:#0b1527}.quote-box{border-top:5px solid #c5f34b}.site-footer{background:#0b1527}.service-card img{aspect-ratio:3/2;object-fit:cover}.service-card{border-radius:12px;overflow:hidden}.contact-alert{padding:18px;border-left:4px solid #c5f34b;background:#fff}.hero-grid{align-items:start}@media(max-width:600px){.home-hero h1{font-size:3.3rem}.wordmark{font-size:18px}.brand{min-width:125px}.container{width:calc(100% - 36px)}.header-call{font-size:.75rem}.hero-points{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readability update: light surfaces and explicit foreground colors. */
:root{color-scheme:light;--muted:#43536b}
body{background:#f5f7fa;color:#101c30}
.home-hero{background:#eef3fa;color:#101c30}
.hero-copy h1,.hero-copy>p,.hero-points,.hero-caption,.hero-copy .small-note{color:#101c30}
.hero-copy>.eyebrow,.eyebrow.light{color:#183f83}
.hero-points span:before{color:#183f83}
.hero-copy h1{font-size:clamp(2.5rem,4.3vw,4.6rem);font-weight:850;overflow-wrap:break-word}
.closing-cta{background:#eaf1fa;color:#101c30;border-top:1px solid #d8e0ec}
.closing-cta h2,.closing-cta p,.footer-phone{color:#101c30}
.site-footer{background:#f5f7fa;color:#101c30;border-top:1px solid #d8e0ec}
.site-footer .footer-title,.site-footer h2{color:#101c30}
.site-footer p,.footer-bottom{color:#43536b}
.site-footer a,.site-footer .area-links a{color:#183f83}
.page-hero{background:#eef3fa;color:#101c30}
.project-strip{background:#edf5d5;color:#101c30}
input:not([type=checkbox]),textarea,select{background:#fff;color:#101c30;border:1px solid #8796aa}
select{font:inherit;width:100%;min-height:44px;margin-top:4px;padding:10px;border-radius:4px}
input::placeholder,textarea::placeholder{color:#58677c;opacity:1}
.brand-slogan{display:block;margin-top:7px;color:#183f83;font-size:14px;font-weight:800}
.button,.button:visited,.mobile-actions a{background:#183f83;color:#fff}
.button.orange,.button.orange:visited,.mobile-actions a:last-child{background:#c5f34b;color:#101c30}
.button:hover{background:#102f65;color:#fff}
.button.orange:hover{background:#b4e237;color:#101c30}
@media(max-width:600px){.home-hero .hero-copy h1{font-size:2.6rem;line-height:1.1}.closing-cta h2{font-size:2.6rem}.brand-slogan{font-size:12px}}
