/*
Theme Name: BASTA Motors
Description: Editable mobile truck diagnostics landing page. Use Appearance > Customize > BASTA MOTORS to edit the homepage.
Version: 1.0.0
Author: BASTA Motors
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basta-motors
Tags: one-column, two-columns
*/
:root{--ink:#0f2537;--paper:#f4f5f7;--orange:#ff6b00;--muted:#acb9c5;--line:#dce2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Barlow,Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.site-header{height:92px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20;gap:24px}.brand{display:flex;flex-direction:column;line-height:1}.brand-name{font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-accent{color:var(--orange)}.brand-sub{font-size:10px;letter-spacing:2.5px;margin-top:9px;font-weight:600}nav{display:flex;gap:32px;font-size:15px}nav a{color:#d5dbdc}nav a:hover{color:var(--orange)}.header-call{font-size:19px;font-weight:600;white-space:nowrap}.header-call span{color:var(--orange);margin-left:18px}.hero{position:relative;min-height:720px;background:var(--ink);color:white;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 34%;background:var(--ink);filter:saturate(.5)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f2537 1%,#0f2537f5 27%,#0f25375e 64%,#0f253725),linear-gradient(0deg,#0f2537c9,transparent 35%)}.hero-content{position:relative;padding:68px 5% 80px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--orange);margin:0 0 24px}.eyebrow.dark{color:#0f2537}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;line-height:.98;letter-spacing:-1px;font-weight:700}h1{font-size:clamp(76px,8.5vw,126px);margin-bottom:28px}h1 em{font-style:normal;color:var(--orange)}.hero-copy{color:#d5dadb;max-width:445px;font-size:18px;line-height:1.6;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;min-height:56px;font-size:16px;font-weight:700;transition:background .18s}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff9f59}.outline{border:1px solid #798080;background:#0f253750;color:white}.outline:hover{background:#ffffff15}.hero-note{font-size:13px;color:#c1c8c8;margin:21px 0 0}.hero-caption{position:absolute;right:5%;bottom:88px;display:flex;flex-direction:column;border-left:3px solid var(--orange);padding-left:20px;font-size:14px;font-weight:600;letter-spacing:1.4px}.hero-index{position:absolute;right:5%;top:44px;font-size:11px;letter-spacing:2px;color:#d8dddd}.makes{display:flex;padding:28px 5%;align-items:center;justify-content:space-between;gap:25px;background:#eaf0f5;border-bottom:1px solid var(--line)}.makes p{font-size:11px;letter-spacing:1.5px;line-height:1.5;margin:0;color:#536272;font-weight:700}.makes>div{font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.1}.makes small{display:block;font-size:8px;letter-spacing:1px;text-align:center;margin-top:5px}.section{padding:100px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:clamp(44px,4.7vw,68px);margin-bottom:24px}.section-head h2{margin-bottom:0}.section-head>p{max-width:360px;margin:0;color:#536272}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-grid article{padding:30px 30px 24px;border-right:1px solid var(--line)}.service-grid article:last-child{border:0}.service-number{font-size:14px;color:#7a8580;display:block;margin-bottom:35px}.service-grid h3{font-size:27px;line-height:1.15;font-weight:600;letter-spacing:-.7px}.service-grid p{color:#536272;font-size:16px;min-height:105px}.service-tags{font-size:10px;font-weight:700;letter-spacing:1.4px;border-top:1px solid var(--line);padding-top:18px;color:#536272}.service-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:15px}.service-bottom>a{font-weight:700}.service-bottom>a span{color:#0f2537;margin-left:20px}.approach{background:var(--ink);color:white;padding:88px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach-intro>p:not(.eyebrow){max-width:440px;color:#b7c0c0}.text-link{color:var(--orange);font-weight:600;display:inline-block;margin-top:10px}.approach-list>div{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #ffffff20}.approach-list>div:first-child{padding-top:0}.approach-list>div>span{font-size:13px;color:var(--orange);padding-top:4px}.approach-list h3{font-size:21px;font-weight:600;margin-bottom:8px}.approach-list p{font-size:16px;color:#b7c0c0;margin:0}.coverage{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.coverage>div>p:not(.eyebrow){color:#536272;max-width:435px}.muted{color:#647789}.dark-button{background:var(--ink);color:white;margin-top:14px}.coverage-panel{background:#eaf0f5;padding:32px 36px;border-top:3px solid var(--orange)}.coverage-top{display:flex;justify-content:space-between;align-items:center}.interstate{font-weight:800;border:2px solid var(--ink);padding:4px 10px;font-size:23px}.coverage-top>span:last-child{font-size:11px;letter-spacing:1.7px;text-align:right}.coverage-panel ul{list-style:none;margin:30px 0 20px;padding:0}.coverage-panel li{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #d0d9e2;font-size:23px;font-weight:600}.coverage-panel li>span{font-size:12px;font-weight:400;color:#6b7871}.coverage-panel small{display:block;font-size:14px;font-weight:400;color:#536272;margin-top:3px}.coverage-panel>p{font-size:13px;color:#536272;margin:0}.fleet{margin:0 3%;background:#17364c;color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding:65px 4.3%;align-items:center}.fleet>div>p:not(.eyebrow){max-width:520px;color:#c4cdcd}.fleet aside{border-left:1px solid #718182;padding-left:35px}.small-label{font-size:11px;letter-spacing:1.5px;color:#c4cdcd}.fleet ol{padding-left:20px}.fleet li{padding:12px 0 12px 8px;border-bottom:1px solid #71818270;font-size:17px}.fleet li::marker{color:var(--orange);font-size:12px}.fleet aside p{font-size:13px;color:#c4cdcd;margin:20px 0 0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.faq-list{border-top:1px solid #d0d9e2}details{border-bottom:1px solid #d0d9e2}summary{padding:22px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:18px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{color:#536272;font-size:16px;padding-right:30px}.final-cta{padding:70px 7%;background:var(--orange)}.final-cta .eyebrow{color:#623614}.final-cta h2{font-size:clamp(60px,6vw,86px)}.big-phone{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(38px,5.6vw,78px);font-weight:600;display:flex;justify-content:space-between;border-top:1px solid #0f253755;padding-top:22px;line-height:1.1}.final-details{margin-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:16px}.final-details a{font-weight:600}.site-footer{background:var(--ink);color:white;display:flex;justify-content:space-between;gap:35px;padding:45px 5%;align-items:center}.site-footer p{font-size:14px;color:#b7c0c0;margin:0}.site-footer>div{font-size:15px;text-align:right}.site-footer small{display:block;font-size:12px;color:#b7c0c0;margin-top:8px}.mobile-bar{display:none}@media(min-width:1600px){.hero{min-height:850px}.hero-content{padding-top:95px}}@media(max-width:1000px){nav{gap:18px}.brand-name{font-size:21px}.header-call{font-size:16px}.hero-caption{display:none}.section{padding:72px 5%}.service-grid article{padding:24px 20px}.service-grid h3{font-size:23px}.approach{padding:65px 5%;gap:7%}.coverage{gap:6%}.fleet{gap:6%}.makes>div{font-size:19px}.makes p{font-size:10px}}@media(max-width:720px){.site-header{height:77px;padding:0 5%}.brand-name{font-size:22px}.brand-sub{font-size:9px;letter-spacing:1.9px}nav{display:none}.header-call{font-size:14px}.header-call span{display:none}.hero{min-height:760px}.hero-image{inset:0;background-position:65% center;opacity:.55}.hero-shade{background:linear-gradient(90deg,#0f2537f5,#0f253791),linear-gradient(0deg,#0f2537,transparent 70%)}.hero-content{padding:45px 6% 42px}.hero-index{display:none}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:85px;line-height:.95;letter-spacing:-1px;margin-bottom:25px}.hero-copy{font-size:17px;max-width:350px}.actions{flex-direction:column;max-width:360px}.button{min-height:56px}.hero-note{font-size:12px;max-width:300px}.makes{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:26px 6%}.makes p{grid-column:1/-1}.makes p br{display:none}.makes>div{font-size:22px}.makes small{text-align:left}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px}.service-grid p{min-height:0}.service-number{margin-bottom:20px}.service-grid h3{font-size:28px}.service-grid h3 br{display:none}.service-bottom{display:block}.service-bottom a{display:block;margin-top:12px}.approach{grid-template-columns:1fr;padding:55px 6%;gap:40px}.coverage{grid-template-columns:1fr;gap:35px}.coverage-panel{padding:25px}.coverage-panel li{font-size:22px}.fleet{margin:0;padding:52px 6%;grid-template-columns:1fr;gap:36px}.fleet aside{padding-left:22px}.faq{grid-template-columns:1fr;gap:12px}summary{font-size:17px}.final-cta{padding:52px 6%}.final-details{display:block;font-size:15px}.final-details a{display:block;margin-top:12px}.site-footer{flex-direction:column;align-items:flex-start;padding:38px 6% 100px;gap:24px}.site-footer>div{text-align:left}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--ink);box-shadow:0 -4px 20px #0003;padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{text-align:center;padding:16px;font-size:15px;font-weight:700}.mobile-bar a:first-child{background:var(--orange)}.mobile-bar a:last-child{color:white}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* BASTA Motors / navy brand direction */
body{color:#1a1a1a}h1,h2,h3,.makes,.service-bottom>a{color:var(--ink)}
.site-header,.approach,.fleet,.site-footer{background:var(--ink)}
.brand{flex-shrink:0;width:290px;max-width:100%;overflow:hidden}
.brand-logo{display:block;width:100%;height:auto;mix-blend-mode:lighten}
.site-header{height:108px;gap:22px}nav{font-size:14px;gap:24px}
nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
.header-call span{color:#fff}.hero h1,.approach h2,.approach h3,.fleet h2{color:#fff}
h1 em{color:#fff}.eyebrow{color:#b9cbdc;font-size:13px}.eyebrow.dark{color:var(--ink)}
.hero-caption{border-left-color:#b9cbdc}.hero-index{font-size:12px}
.service-grid{background:#fff}.service-tags{font-size:12px;letter-spacing:.8px}
.makes small{font-size:10px}.text-link{color:#fff;text-decoration:underline;text-underline-offset:6px}
.approach-list>div>span,.fleet li::marker{color:#b9cbdc}
.coverage-panel{border-top-color:var(--ink)}.small-label{font-size:12px}
.orange:hover{background:#ff852b}.final-cta{background:#eaf0f5;color:var(--ink)}
.final-cta .eyebrow{color:var(--ink)}
.big-phone{background:var(--orange);border:0;padding:24px 28px;max-width:740px;font-size:clamp(36px,5vw,70px)}
.big-phone:hover{background:#ff852b}.final-details{max-width:740px}
.mobile-bar a:first-child{color:var(--ink)}
@media(max-width:1100px){.site-header{padding:0 4%;gap:16px}.brand{width:250px}nav{gap:15px;font-size:13px}.header-call{font-size:15px}}
@media(max-width:850px){nav{display:none}}
@media(max-width:720px){.site-header{height:88px;gap:10px}.brand{width:215px}.header-call{font-size:13px;white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:1px}.hero{min-height:740px}h1{font-size:clamp(64px,15vw,85px)}.hero-note{font-size:13px}.big-phone{padding:20px;font-size:clamp(32px,8vw,48px)}.site-footer .brand{width:275px}.mobile-bar{grid-template-columns:1.3fr 1fr}.mobile-bar a{padding:16px 8px;font-size:14px}}
@media(max-width:370px){.site-header .brand{width:180px}.header-call{font-size:12px}}

/* Responsive and WordPress integration. */
html{font-size:100%}body{font-size:1.0625rem;overflow-wrap:break-word}
img,video,iframe{max-width:100%}img{height:auto}
button,input,select,textarea{font:inherit}
.site-header{height:auto;min-height:108px;padding-block:12px;flex-wrap:wrap}
.site-header .brand{width:clamp(180px,24vw,290px);flex-shrink:1}
.brand-logo{mix-blend-mode:normal}.brand-name{font-size:clamp(1.1rem,3vw,1.6rem);letter-spacing:0;white-space:normal}
.hero-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero{min-height:720px}.hero-content{max-width:min(850px,100%)}
h1{font-size:clamp(3.5rem,8.5vw,7.875rem);line-height:1.02}
h2{font-size:clamp(2.5rem,4.7vw,4.25rem);line-height:1.05}
.hero-copy{font-size:1.125rem}.button{font-size:1rem;max-width:100%;gap:16px;min-height:48px;line-height:1.4}
.company-call{font-size:1rem!important}.company-call span,.button span{flex-shrink:0}
.header-call{font-size:1rem!important;display:inline-flex;align-items:center;min-height:44px}
.hero-note,.service-tags,.small-label,.eyebrow,.coverage-top>span:last-child{font-size:.8125rem}
.makes small,.makes p{font-size:.75rem}.makes{flex-wrap:wrap}
.section-head>* , .service-grid>* , .approach>* , .coverage>* , .fleet>* , .faq>*{min-width:0}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.coverage-panel li>div{min-width:0}.service-grid p{min-height:0}
.desktop-navigation{flex-wrap:wrap}.desktop-navigation a{padding:10px 0;min-height:44px}
.big-phone{font-size:clamp(1.75rem,5vw,4.375rem);gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}
.mobile-menu{display:none;border:0;color:#fff;position:relative}
.mobile-menu summary{min-height:44px;padding:8px 12px;font-size:1rem;align-items:center;gap:8px;border:1px solid #798080}
.mobile-menu summary span{font-size:1.125rem}.mobile-menu[open] summary span{transform:none}
.mobile-navigation{display:flex;flex-direction:column;gap:0;padding:8px 0;min-width:160px}
.mobile-navigation a{padding:12px;min-height:44px;color:#fff}
.skip-link{position:absolute;top:-200px;left:12px;padding:12px 18px;background:#fff;color:#0f2537;z-index:100000}
.skip-link:focus{top:12px}.site-footer{flex-wrap:wrap}
.wp-content{max-width:1100px;margin:auto;padding:64px 6%;min-height:50vh}
.wp-content h1{font-size:clamp(2.5rem,5vw,4.5rem)}
.wp-content a{color:#0f2537;text-decoration:underline}.wp-content article{margin-bottom:40px}
.wp-content table{display:block;max-width:100%;overflow:auto}.wp-content pre{overflow:auto}
.wp-content .alignwide{width:100%}.wp-content .alignfull{max-width:100%}
.wp-content input[type=search]{max-width:100%;padding:12px;border:1px solid #647789}
.wp-content input[type=submit]{padding:12px;background:#0f2537;color:#fff;border:0;cursor:pointer}
@media(min-width:1600px){.hero-content{max-width:950px}.section,.approach{padding-inline:max(7%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid article:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.section-head{align-items:start}}
@media(max-width:850px){.desktop-navigation{display:none}.mobile-menu{display:block}.site-header{gap:12px}.site-header .brand{margin-right:auto}.mobile-menu[open]{flex-basis:100%}.mobile-menu[open] summary{width:fit-content;margin-left:auto}.mobile-navigation{display:flex}.approach,.coverage,.fleet,.faq{grid-template-columns:minmax(0,1fr);gap:32px}.hero-caption{display:none}}
@media(max-width:720px){
 .site-header{min-height:88px;padding:10px 5%;gap:8px 12px}
 .site-header .brand{width:clamp(165px,46vw,215px)}
 .site-header .header-call{margin-left:auto}
 .mobile-menu{margin-left:auto}
 .hero{min-height:0}.hero-content{padding:44px 6% 54px}
 .hero-image img{object-position:65% center}.hero-image{opacity:.55}
 h1{font-size:clamp(3.5rem,14vw,5.3125rem)}
 .actions{max-width:100%}.button{width:100%;padding:16px 20px}
 .hero-copy{font-size:1.0625rem}.hero-note{max-width:100%;font-size:.8125rem}
 .service-grid{grid-template-columns:minmax(0,1fr)}.service-grid article:last-child{border-top:0}
 .mobile-bar{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 .mobile-bar a{font-size:1rem;min-height:52px;padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.35}
 body{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}
 .site-footer{padding-bottom:36px}.final-cta h2{font-size:clamp(2.75rem,10vw,4rem)}
 .big-phone{font-size:clamp(1.65rem,7vw,3rem);padding:18px}
 .service-grid h3{font-size:1.75rem}.section-head{display:block}
 .makes{grid-template-columns:repeat(2,minmax(0,1fr))}.makes>div{overflow-wrap:anywhere}
}
@media(max-width:380px){.site-header .brand{width:170px}.site-header .header-call{width:100%;margin:0;order:3}.mobile-menu{order:2}.mobile-bar{grid-template-columns:minmax(0,1fr)}.mobile-bar a{min-height:44px;padding:10px}.hero-index{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-logo-default{mix-blend-mode:lighten}.button,.company-call,.mobile-bar a,.site-footer a{overflow-wrap:anywhere}