.elementor-kit-35723{--e-global-color-primary:#0C457B;--e-global-color-secondary:#9C9C9C;--e-global-color-text:#1F2937;--e-global-color-accent:#E8731C;--e-global-color-maheadg:#0C457B;--e-global-color-maadark:#E8731C;--e-global-color-magtext:#5F6368;--e-global-color-maalite:#F2A65A;--e-global-color-mabhovr:#0C457B;--e-global-color-malight:#F4F7FB;--e-global-color-mawhite:#FFFFFF;--e-global-color-manavy0:#0B1F33;--e-global-color-maftext:#D6D6D6;--e-global-color-mahdrbg:#FFFFFF;--e-global-color-mahdrtx:#1F2937;--e-global-color-manavhv:#0C457B;--e-global-color-maborder:#D9DEE5;--e-global-color-mafield:#6B7280;--e-global-color-maerror:#B42318;--e-global-color-mafocus:#0C457B;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4em;--e-global-typography-mah1001-font-family:"Poppins";--e-global-typography-mah1001-font-size:48px;--e-global-typography-mah1001-font-weight:700;--e-global-typography-mah1001-line-height:1.15em;--e-global-typography-mah2001-font-family:"Poppins";--e-global-typography-mah2001-font-size:36px;--e-global-typography-mah2001-font-weight:700;--e-global-typography-mah2001-line-height:1.2em;--e-global-typography-mah3001-font-family:"Poppins";--e-global-typography-mah3001-font-size:22px;--e-global-typography-mah3001-font-weight:600;--e-global-typography-mah3001-line-height:1.3em;--e-global-typography-malead1-font-family:"Poppins";--e-global-typography-malead1-font-size:19px;--e-global-typography-malead1-font-weight:400;--e-global-typography-malead1-line-height:1.6em;--e-global-typography-masmall-font-family:"Poppins";--e-global-typography-masmall-font-size:15px;--e-global-typography-masmall-font-weight:400;--e-global-typography-masmall-line-height:1.5em;--e-global-typography-manav01-font-family:"Poppins";--e-global-typography-manav01-font-size:16px;--e-global-typography-manav01-font-weight:500;--e-global-typography-manav01-line-height:1.3em;--e-global-typography-mabtn01-font-family:"Poppins";--e-global-typography-mabtn01-font-size:16px;--e-global-typography-mabtn01-font-weight:600;--e-global-typography-mabtn01-line-height:1.2em;--e-global-typography-masubh1-font-family:"Poppins";--e-global-typography-masubh1-font-size:21px;--e-global-typography-masubh1-font-weight:600;--e-global-typography-masubh1-line-height:1.4em;--e-global-typography-mafooth-font-family:"Poppins";--e-global-typography-mafooth-font-size:19px;--e-global-typography-mafooth-font-weight:600;--e-global-typography-mafooth-line-height:1.3em;--e-global-typography-maeyebr-font-family:"Poppins";--e-global-typography-maeyebr-font-size:15px;--e-global-typography-maeyebr-font-weight:600;--e-global-typography-maeyebr-text-transform:uppercase;--e-global-typography-maeyebr-line-height:1.4em;--e-global-typography-maeyebr-letter-spacing:1.5px;background-color:var( --e-global-color-mawhite );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-35723 button,.elementor-kit-35723 input[type="button"],.elementor-kit-35723 input[type="submit"],.elementor-kit-35723 .elementor-button{background-color:var( --e-global-color-maadark );font-family:var( --e-global-typography-mabtn01-font-family ), Sans-serif;font-size:var( --e-global-typography-mabtn01-font-size );font-weight:var( --e-global-typography-mabtn01-font-weight );line-height:var( --e-global-typography-mabtn01-line-height );color:var( --e-global-color-mawhite );border-radius:999px 999px 999px 999px;padding:14px 26px 14px 26px;}.elementor-kit-35723 button:hover,.elementor-kit-35723 button:focus,.elementor-kit-35723 input[type="button"]:hover,.elementor-kit-35723 input[type="button"]:focus,.elementor-kit-35723 input[type="submit"]:hover,.elementor-kit-35723 input[type="submit"]:focus,.elementor-kit-35723 .elementor-button:hover,.elementor-kit-35723 .elementor-button:focus{background-color:var( --e-global-color-mabhovr );color:var( --e-global-color-mawhite );}.elementor-kit-35723 e-page-transition{background-color:#FFBC7D;}.elementor-kit-35723 a{color:var( --e-global-color-maadark );}.elementor-kit-35723 a:hover{color:var( --e-global-color-primary );}.elementor-kit-35723 h1{color:var( --e-global-color-maheadg );font-family:var( --e-global-typography-mah1001-font-family ), Sans-serif;font-size:var( --e-global-typography-mah1001-font-size );font-weight:var( --e-global-typography-mah1001-font-weight );line-height:var( --e-global-typography-mah1001-line-height );}.elementor-kit-35723 h2{color:var( --e-global-color-maheadg );font-family:var( --e-global-typography-mah2001-font-family ), Sans-serif;font-size:var( --e-global-typography-mah2001-font-size );font-weight:var( --e-global-typography-mah2001-font-weight );line-height:var( --e-global-typography-mah2001-line-height );}.elementor-kit-35723 h3{color:var( --e-global-color-maheadg );font-family:var( --e-global-typography-mah3001-font-family ), Sans-serif;font-size:var( --e-global-typography-mah3001-font-size );font-weight:var( --e-global-typography-mah3001-font-weight );line-height:var( --e-global-typography-mah3001-line-height );}.elementor-kit-35723 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 img{border-radius:0px 0px 0px 0px;}.elementor-kit-35723 img:hover{border-radius:0px 0px 0px 0px;}.elementor-kit-35723 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-mabtn01-font-family ), Sans-serif;font-size:var( --e-global-typography-mabtn01-font-size );font-weight:var( --e-global-typography-mabtn01-font-weight );line-height:var( --e-global-typography-mabtn01-line-height );}.elementor-kit-35723 input:not([type="button"]):not([type="submit"]),.elementor-kit-35723 textarea,.elementor-kit-35723 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );background-color:var( --e-global-color-mawhite );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-mafield );border-radius:8px 8px 8px 8px;padding:12px 14px 12px 14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-35723{--e-global-typography-text-font-size:16px;--e-global-typography-mah1001-font-size:40px;--e-global-typography-mah2001-font-size:30px;--e-global-typography-mah3001-font-size:20px;--e-global-typography-malead1-font-size:18px;--e-global-typography-masubh1-font-size:20px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-35723 h1{font-size:var( --e-global-typography-mah1001-font-size );line-height:var( --e-global-typography-mah1001-line-height );}.elementor-kit-35723 h2{font-size:var( --e-global-typography-mah2001-font-size );line-height:var( --e-global-typography-mah2001-line-height );}.elementor-kit-35723 h3{font-size:var( --e-global-typography-mah3001-font-size );line-height:var( --e-global-typography-mah3001-line-height );}.elementor-kit-35723 h4{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h5{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h6{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 button,.elementor-kit-35723 input[type="button"],.elementor-kit-35723 input[type="submit"],.elementor-kit-35723 .elementor-button{font-size:var( --e-global-typography-mabtn01-font-size );line-height:var( --e-global-typography-mabtn01-line-height );}.elementor-kit-35723 label{font-size:var( --e-global-typography-mabtn01-font-size );line-height:var( --e-global-typography-mabtn01-line-height );}.elementor-kit-35723 input:not([type="button"]):not([type="submit"]),.elementor-kit-35723 textarea,.elementor-kit-35723 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-35723{--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-mah1001-font-size:32px;--e-global-typography-mah2001-font-size:26px;--e-global-typography-mah3001-font-size:19px;--e-global-typography-malead1-font-size:17px;--e-global-typography-masmall-font-size:15px;--e-global-typography-manav01-font-size:17px;--e-global-typography-mabtn01-font-size:16px;--e-global-typography-masubh1-font-size:18px;--e-global-typography-mafooth-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-35723 h1{font-size:var( --e-global-typography-mah1001-font-size );line-height:var( --e-global-typography-mah1001-line-height );}.elementor-kit-35723 h2{font-size:var( --e-global-typography-mah2001-font-size );line-height:var( --e-global-typography-mah2001-line-height );}.elementor-kit-35723 h3{font-size:var( --e-global-typography-mah3001-font-size );line-height:var( --e-global-typography-mah3001-line-height );}.elementor-kit-35723 h4{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h5{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 h6{line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-35723 button,.elementor-kit-35723 input[type="button"],.elementor-kit-35723 input[type="submit"],.elementor-kit-35723 .elementor-button{font-size:var( --e-global-typography-mabtn01-font-size );line-height:var( --e-global-typography-mabtn01-line-height );}.elementor-kit-35723 label{font-size:var( --e-global-typography-mabtn01-font-size );line-height:var( --e-global-typography-mabtn01-line-height );}.elementor-kit-35723 input:not([type="button"]):not([type="submit"]),.elementor-kit-35723 textarea,.elementor-kit-35723 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Miller Auto Kit v1.0.0 – global CSS (Site Settings > Custom CSS). WCAG 2.1 AA helpers. */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
/* Skip link (Hello Elementor prints <a class="skip-link screen-reader-text" href="#content">) */
.skip-link.screen-reader-text:focus,.skip-link:focus{position:fixed!important;top:8px;left:8px;z-index:100000;width:auto;height:auto;clip:auto!important;clip-path:none!important;padding:12px 18px;background:var(--e-global-color-manavy0);color:var(--e-global-color-mawhite)!important;border-radius:8px;font-weight:600;text-decoration:underline;outline:3px solid var(--e-global-color-maalite)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* Visible focus everywhere */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.elementor-button:focus-visible,.elementor-menu-toggle:focus-visible{outline:3px solid var(--e-global-color-mafocus)!important;outline-offset:3px!important;border-radius:4px}
.ma-dark a:focus-visible,.ma-dark button:focus-visible,.ma-dark .elementor-button:focus-visible,.ma-callbar a:focus-visible{outline-color:var(--e-global-color-maalite)!important}
/* Links in running text are underlined (not color-only) */
.elementor-widget-text-editor a,.ma-faddr a,.ma-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.ma-dark .elementor-widget-text-editor a,.ma-dark .ma-faddr a{color:var(--e-global-color-maalite)}
.ma-dark .elementor-widget-text-editor a:hover{color:var(--e-global-color-mawhite)}
.ma-more{font-weight:600}
.ma-more::after{content:" \2192";text-decoration:none;display:inline-block}
/* Tap targets >= 44px */
.elementor-button,.elementor-menu-toggle,.elementor-nav-menu a,.elementor-social-icon,.ma-flinks .elementor-icon-list-item a,.ma-topbar-links a,.ma-call,.ma-callbar a,.ma-more,.elementor-field-group .elementor-field,.mi-strip-nav{min-height:44px;min-width:44px}
.elementor-nav-menu a,.ma-flinks .elementor-icon-list-item a,.ma-topbar-links a,.ma-more{display:inline-flex!important;align-items:center}
.elementor-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
/* Breadcrumbs */
.ma-breadcrumbs ol{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:15px}
.ma-breadcrumbs li+li::before{content:"/";margin:0 6px;opacity:.8}
.ma-dark .ma-breadcrumbs,.ma-dark .ma-breadcrumbs a{color:var(--e-global-color-mawhite)}
/* Cards & layout helpers */
.ma-card{box-shadow:0 1px 2px color-mix(in srgb,var(--e-global-color-manavy0) 8%,transparent)}
.ma-measure{max-width:780px;margin-left:auto;margin-right:auto}
.ma-quote{margin:0;font-style:normal}.ma-quote footer{margin-top:8px;font-weight:600;color:var(--e-global-color-magtext)}
.ma-placeholder{background:var(--e-global-color-malight);color:var(--e-global-color-maadark);outline:2px dashed var(--e-global-color-accent);padding:0 4px;border-radius:4px;font-weight:600}
.ma-note p{font-size:15px}
.ma-faddr{font-style:normal;color:var(--e-global-color-maftext)}.ma-faddr p{margin:0 0 14px}.ma-faddr strong{color:var(--e-global-color-mawhite)}
.ma-faddr a{display:inline-flex;align-items:center;min-height:44px}
.ma-hero-img img{box-shadow:0 18px 40px color-mix(in srgb,var(--e-global-color-manavy0) 30%,transparent)}
.ma-schema{display:none}
/* Mobile header tap-to-call */
.ma-hdr-calls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ma-call{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;border-radius:10px;background:var(--e-global-color-primary);color:var(--e-global-color-mawhite)!important;text-decoration:none;line-height:1.2;font-weight:600;font-size:15px;text-align:center}
.ma-call-alt{background:var(--e-global-color-maadark)}.ma-call-k{font-size:13px;font-weight:400}
.ma-call:hover{background:var(--e-global-color-manavy0)}
/* Sticky bottom call/directions bar – phones only */
.ma-callbar{display:none}
@media (max-width:767px){
 .ma-callbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9990;background:var(--e-global-color-manavy0);border-top:2px solid var(--e-global-color-accent);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
 .ma-callbar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;color:var(--e-global-color-mawhite)!important;font-weight:var(--e-global-typography-mabtn01-font-weight);font-size:var(--e-global-typography-masmall-font-size);text-decoration:none;border-radius:8px}
 .ma-callbar a+a{border-left:1px solid color-mix(in srgb,var(--e-global-color-mawhite) 25%,transparent)}
 body{padding-bottom:72px}
 .ma-legal{padding-bottom:64px}/* keeps the last footer links clear of the chat bubble */
 /* keep the miller-slack-chat bubble above the bar */
 body div.msc-widget-root{bottom:84px!important}
 .elementor-button{width:100%;justify-content:center}
 .ma-hero .elementor-widget-button .elementor-button{width:100%}
}
@media (max-width:360px){.ma-call-k{display:none}.ma-callbar a{font-size:14px}}
/* Inventory widgets on phones */
@media (max-width:767px){
 .ma-inventory .mi-grid,.ma-inventory [class*="mi-cols-"]{grid-template-columns:1fr!important}
 .ma-inventory select,.ma-inventory input{min-height:44px;font-size:16px}
 .ma-vdp table{display:block;overflow-x:auto}
}
@media (min-width:768px) and (max-width:1024px){.ma-inventory .mi-grid,.ma-inventory [class*="mi-cols-"]{grid-template-columns:repeat(2,1fr)!important}}
/* Forms: clear error state */
.elementor-field-group .elementor-message-danger,.elementor-message.elementor-message-danger,.elementor-field-group .elementor-error{color:var(--e-global-color-maerror)!important;font-weight:600}
.elementor-field-group.elementor-error .elementor-field{border-color:var(--e-global-color-maerror)!important}
.elementor-field-required .elementor-field-label::after{color:var(--e-global-color-maerror)}
/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .elementor-invisible{visibility:visible!important}
}
/* standalone links inside cards / logo also meet 44px */
.elementor-widget-theme-site-logo a{display:inline-flex;align-items:center;min-height:44px}
.ma-card .elementor-widget-text-editor p>a:only-child,.ma-card .elementor-widget-text-editor a[href^="mailto"],.ma-card .elementor-widget-text-editor a[rel=noopener]{display:inline-flex;align-items:center;min-height:44px}

/*!
 * Miller Auto – staged fixes v1.0.1 (for kit v1.0.0 already imported on staged.milleratr.com)
 * Paste ALL of this into: Elementor > Site Settings > Custom CSS  (append below the existing CSS) > Save Changes.
 * Colours use the kit globals (--e-global-color-*) or the Miller Inventory plugin's own --mi-* variables.
 * Section 5 is generated from miller-inventory.css by theme-build/make_mi_restore.py – rerun it if that plugin's CSS changes.
 */
/* ===== 1. Header: logo + menu (+ CTA) on ONE row, no wrapping =====
   Cause: the menu column is Flex "Grow" (grow 1 / shrink 0) on top of Elementor's default --width:100%
   (later forced to 60% on staged). It claims the row, squeezes the logo column (230px) to 0–79px and the
   7 menu items (~990px at 16px/12px padding) + logo + CTA (~1430px) can't fit the 1180px box, so the menu
   wraps onto 2 rows. Fix: fixed logo column, flexible menu column that may shrink, tighter items,
   wider header box, logo 220px (needs Image Resolution = Full: the 300x95 'medium' file is a crop), CTA only where it fits (it duplicates "Pre-Owned Vehicles"), hamburger below 1200px. */
@media (min-width:1025px){
 .elementor-location-header .ma-topbar.ma-topbar.e-con,.elementor-location-header .ma-header.ma-header.e-con{--content-width:1320px}
 .ma-header .e-con:has(>.elementor-widget-theme-site-logo){flex:0 0 auto;--width:auto;width:auto;min-width:220px;overflow:visible}
 .elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-element img{width:220px;max-width:none;height:auto;max-height:none;object-fit:contain}
 .ma-header .e-con:has(>.elementor-widget-nav-menu){flex:1 1 auto;--width:auto;width:auto;min-width:0;justify-content:flex-end}
 .ma-header .e-con:has(>.elementor-widget-button){flex:0 0 auto;--width:auto;width:auto}
 .elementor-location-header .ma-header .elementor-widget-button.elementor-element .elementor-button{white-space:nowrap;padding-left:16px;padding-right:16px}
 .ma-header .elementor-nav-menu--main>.elementor-nav-menu{flex-wrap:nowrap}
 .elementor-location-header .ma-header .elementor-widget-nav-menu.elementor-element .elementor-nav-menu--main .elementor-item.elementor-item{padding-left:9px;padding-right:9px;font-size:15px;white-space:nowrap}
}
@media (min-width:1025px) and (max-width:1279px){
 .ma-header .e-con:has(>.elementor-widget-button){display:none}
}
/* 1025–1199px: not enough room for the full menu -> use the hamburger the tablet view already has */
@media (min-width:1025px) and (max-width:1199px){
 .ma-header .elementor-nav-menu--main{display:none}
 .ma-header .elementor-widget-nav-menu .elementor-menu-toggle{display:flex}
 .ma-header .elementor-widget-nav-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{display:block}
}

/* ===== 2. Footer columns: grid instead of % widths + gap (4th column wrapped on desktop, 1-up at tablet) ===== */
.ma-footer-cols>.e-con-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;align-items:start}
.ma-footer-cols>.e-con-inner>.e-con{--width:auto;width:auto;min-width:0}
@media (max-width:1024px){.ma-footer-cols>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
 .ma-footer-cols>.e-con-inner{grid-template-columns:minmax(0,1fr)}
 /* social icons were centred while every other footer item is left-aligned */
 .elementor-location-footer .ma-footer-cols .elementor-widget-social-icons.elementor-element{text-align:left}
}

/* ===== 3. Mobile sticky call bar + chat bubble ===== */
@media (max-width:767px){
 /* WP global-styles-inline-css prints body{padding-bottom:0} after the kit CSS */
 html body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}/* = call-bar height, no white strip */
 /* miller-slack-chat 1.0.8 sets div.msc-widget-root.msc-pos-right{bottom:12px!important}; lift it above the bar */
 html body div.msc-widget-root.msc-widget-root,html body div.msc-widget-root.msc-pos-right,html body div.msc-widget-root.msc-pos-left{bottom:84px!important}
}
/* tablet: floating chat covered "Sitemap" / copyright in the legal bar at the very bottom of the page */
@media (min-width:768px) and (max-width:1024px){
 .elementor-location-footer .e-con:has(.ma-year)>.e-con-inner{padding-bottom:84px}
}

/* legal bar: links centred like the copyright line at every width (were left-aligned on phones) */
.elementor-location-footer .e-con:has(.ma-year) .elementor-widget-icon-list .elementor-icon-list-items{justify-content:center}

/* ===== 4. Recent Vehicles: lazy images off-screen in the scroller show a tinted placeholder, not white ===== */
.mi-arrivals .mi-mini-img{background-color:var(--e-global-color-malight)}

/* ===== Miller Auto – staged fixes v1.0.1 PATCH 1 (paste BELOW staged-fixes-v1.0.1.css in Site Settings > Custom CSS) =====
   6. Chat launcher on vehicle pages (t712, 2026-11-12).
      Previously this patch forced a 56px icon-only circle on .post-type-archive-vehicle and
      .single-vehicle so the 186x56 "Chat with Us" pill would not cover the Compare toolbar
      or VDP gallery/CTAs. Brian asked that inventory pages use the same navy "Chat with Us"
      pill as the rest of the site; a short scroll may uncover anything the pill overlaps.
      The icon-only / right:12px rules were removed. Sitewide mobile call-bar lift
      (section 3, bottom:84px) is unchanged. Keyboard scroll-padding below is kept
      (WCAG 2.4.11 Focus Not Obscured). */
html{scroll-padding-bottom:96px}
@media (max-width:767px){html{scroll-padding-bottom:160px}}
/* 7. Mobile call bar: at 320px "Service/Tow" overflowed its third of the bar by 4px. */
@media (max-width:359px){html body .ma-callbar a{gap:4px;font-size:13px;letter-spacing:-.01em}}
/* ===== END staged custom CSS (for inventory 1.3.x) ===== */
/* ===== Miller Auto – Option E colour patch for staged (additive; paste BELOW the existing Site Settings > Custom CSS) =====
   Needs the Option E Global Colors set in Site Settings first (see STAGED-OPTION-E.md).
   1. Orange-background buttons get dark text #111111 (6.2:1 on #E8731C). Resting state only: hover/focus keep the
      kit's Button Hover blue background with white text. Buttons are listed by element id (the v1.0.0 kit has no
      widget classes on staged); v1.0.2 does this with a "Button Text on Orange" global instead.
   2. Inline/body links use Primary blue (9.7:1) instead of orange.
   3. Remaining orange *text* on white (sub-headings, placeholders, post nav, read-more, Miller Inventory 1.2.2 links)
      moves to Primary blue. Orange stays on icons, borders, the nav underline and button backgrounds (non-text, 3:1+).
   Variables only. !important only where the rule being corrected is itself !important (.ma-call, Miller Inventory buttons). */
body{--ma-on-orange:var(--e-global-color-mabtntx,#111111)}
/* 1 */
.elementor .elementor-element.elementor-widget.elementor-element-cf0d5ae .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-d87d673 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-e94c6f7 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-a62f8e1 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-0290041 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-2e82506 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-51ce236 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-d63d7f1 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-a74e72f .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-ab33f5c .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-670c948 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-cd7285a .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-e2dd77d .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-3230118 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-f1cc811 .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-bd5055e .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-352444c .elementor-button:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-444a05c .elementor-button[type="submit"]:not(:hover):not(:focus),
.elementor .elementor-element.elementor-widget.elementor-element-a946d06 .elementor-search-form__submit:not(:hover):not(:focus){color:var(--ma-on-orange);fill:var(--ma-on-orange)}
.elementor .elementor-element.elementor-widget.elementor-element-cf0d5ae .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-d87d673 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-e94c6f7 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-a62f8e1 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-0290041 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-2e82506 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-51ce236 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-d63d7f1 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-a74e72f .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-ab33f5c .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-670c948 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-cd7285a .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-e2dd77d .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-3230118 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-f1cc811 .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-bd5055e .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-352444c .elementor-button:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-444a05c .elementor-button[type="submit"]:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg),
.elementor .elementor-element.elementor-widget.elementor-element-a946d06 .elementor-search-form__submit:not(:hover):not(:focus) :is(.elementor-button-icon,i,svg){color:var(--ma-on-orange);fill:var(--ma-on-orange)}
/* 2 */
[class*="elementor-kit-"] a{color:var(--e-global-color-primary)}
/* 3 */
.ma-placeholder.ma-placeholder{color:var(--e-global-color-primary)}
.elementor .elementor-element.elementor-widget.elementor-element-ba9022e :is(h1,h2,h3,h4,h5,h6,p,div,span).elementor-heading-title{color:var(--e-global-color-primary)}
.elementor .elementor-element.elementor-widget.elementor-element-baaa6d1 :is(span.post-navigation__prev--title,span.post-navigation__next--title){color:var(--e-global-color-primary)}
.elementor .elementor-element.elementor-widget.elementor-element-d9b66c1 a.elementor-post__read-more,.elementor .elementor-element.elementor-widget.elementor-element-d9b66c1 .elementor-pagination a.page-numbers{color:var(--e-global-color-primary)}
.ma-call.ma-call-alt:not(:hover){color:var(--ma-on-orange)!important}/* !important: the kit's .ma-call text rule is !important */
/* 4. Images: no rounding of their own (Brian: the global Image radius is 0, set any rounding per widget later).
      The kit's imported image widgets had 12/16/20px set per widget; these ids reset to square. New widgets are unaffected. */
.elementor .elementor-element.elementor-widget.elementor-element-68ca221 img, .elementor .elementor-element.elementor-widget.elementor-element-cafc92f img, .elementor .elementor-element.elementor-widget.elementor-element-116de3d img, .elementor .elementor-element.elementor-widget.elementor-element-e3e6ae8 img, .elementor .elementor-element.elementor-widget.elementor-element-1a68c96 img, .elementor .elementor-element.elementor-widget.elementor-element-49a8726 img, .elementor .elementor-element.elementor-widget.elementor-element-e72ce6b img, .elementor .elementor-element.elementor-widget.elementor-element-fed575f img, .elementor .elementor-element.elementor-widget.elementor-element-7cefbf8 img, .elementor .elementor-element.elementor-widget.elementor-element-fda29b1 img, .elementor .elementor-element.elementor-widget.elementor-element-ee6c084 img, .elementor .elementor-element.elementor-widget.elementor-element-efb8c79 img, .elementor .elementor-element.elementor-widget.elementor-element-68e7a35 img, .elementor .elementor-element.elementor-widget.elementor-element-20e0c7f img{border-radius:0}
/* Rounded cards clip their content; an image that opens a card runs edge to edge so it follows the card's top corners. */
.e-con.ma-card{overflow:hidden}
.e-con.ma-card>.elementor-widget-image:first-child{margin:calc(-1 * var(--padding-top)) calc(-1 * var(--padding-right)) 0 calc(-1 * var(--padding-left));width:auto;max-width:none}

/* ===== Header logo: a bit bigger (220 -> 280px desktop) and vertically centred in the white bar =====
   Paste at the very bottom of Site Settings > Custom CSS. Overrides section 1 (.elementor-kit-35723s carry one extra class).
   - The logo container and widget are centred on the row; the link is a flex box so the image sits in the middle
     of its 44px+ target (it used to sit at the top: 15.6px above vs 22.3px below).
   - Widths: 280px from 1025px, 230px tablet, 180px phones (same 560x95 file, Image Resolution = Full).
   - The Browse Inventory CTA now shows from 1366px (at 1280px a 280px logo + 6-item menu + CTA leaves no gap;
     the CTA duplicates "Pre-Owned Vehicles"). 1200-1365px: menu only. 1025-1199px: hamburger (section 1, unchanged). */
.elementor-location-header .ma-header .e-con.e-con:has(>.elementor-widget-theme-site-logo){align-self:center;align-items:center}
.elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo.elementor-element{align-self:center;margin-top:0;margin-bottom:0}
.elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo .elementor-widget-container{display:flex;align-items:center}
.elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo a{display:flex;align-items:center;min-height:44px;min-width:44px;line-height:0}
.elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo.elementor-element img{display:block;height:auto;max-width:100%;max-height:none;object-fit:contain;width:180px}
@media (min-width:768px){
 .elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo.elementor-element img{width:230px}
}
@media (min-width:1025px){
 .elementor-location-header .ma-header .e-con.e-con:has(>.elementor-widget-theme-site-logo){min-width:280px}
 .elementor-location-header .ma-header .elementor-widget-theme-site-logo.elementor-widget-theme-site-logo.elementor-element img{width:280px;max-width:none}
}
@media (min-width:1025px) and (max-width:1365px){
 .elementor-location-header .ma-header .e-con.e-con:has(>.elementor-widget-button){display:none}
}
/* v1.0.2 2026-11-05: stack page .ms-sticky CTA above site .ma-callbar on phones */
@media (max-width:767px){
 html body .ms-sticky{bottom:calc(62px + env(safe-area-inset-bottom))!important;padding-bottom:10px!important;z-index:9989!important}
 html body:has(.ms-sticky) {padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
}
@media (max-width:767px){
 html body:has(.ms-sticky.is-visible) div.msc-widget-root:not(.is-open){bottom:calc(142px + env(safe-area-inset-bottom))!important;transition:bottom .2s}
}

/* t720 D2 Miller Auto – mobile chat flyout (append to kit 35723 Custom CSS).
   Approved 2026-11-12: option D2 collapsed tab. Mobile only (max-width: 767px).
   Desktop launcher is unchanged. Keeps the existing call-bar lift (bottom: 84px)
   for the expanded pill. Does not style the open chat window (.is-open).
   Collapsed tab is 52×52, navy, 2px white outline, soft shadow, white inner
   circle, #B95A13 icon. One-time slide-in is off under prefers-reduced-motion. */

button.ma-flyout-hide { display: none !important; }

@media (max-width: 767px) {
  html body div.msc-widget-root.msc-widget-root:not(.is-open):not(.ma-flyout-expanded),
  html body div.msc-widget-root.msc-pos-right:not(.is-open):not(.ma-flyout-expanded),
  html body div.msc-widget-root.msc-pos-left:not(.is-open):not(.ma-flyout-expanded) {
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    top: 30vh !important;
    transform: none !important;
  }

  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) button.msc-launcher {
    width: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 8px 0 10px !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 16px 0 0 16px !important;
    box-sizing: border-box !important;
    border: 2px solid #ffffff !important;
    border-right: 0 !important;
    background: #0C457B !important;
    background-image: none !important;
    background-color: #0C457B !important;
    box-shadow: 0 6px 18px rgba(11, 31, 51, 0.45) !important;
    transform: none !important;
    animation: ma-flyout-nudge 0.7s ease-out 0.35s 1 both;
  }

  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) button.msc-launcher:focus,
  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) button.msc-launcher:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
    transform: none !important;
    border-color: #ffffff !important;
    border-right: 0 !important;
  }

  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) .msc-launcher-icon {
    color: #B95A13 !important;
    background: #ffffff !important;
  }

  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) .msc-launcher-text,
  html body div.msc-widget-root:not(.is-open):not(.ma-flyout-expanded) .msc-launcher-dot {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  @keyframes ma-flyout-nudge {
    0%   { transform: translateX(18px); opacity: 0.35; }
    70%  { transform: translateX(0);    opacity: 1; }
    85%  { transform: translateX(-3px); }
    100% { transform: translateX(0);    opacity: 1; }
  }

  /* Expanded: existing “Chat with Us” pill, still lifted above the call bar. */
  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) {
    top: auto !important;
  }

  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.msc-launcher {
    transition: transform 0.22s ease, box-shadow 0.22s ease, width 0.22s ease, border-radius 0.22s ease !important;
    animation: none !important;
  }

  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.ma-flyout-hide {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 6px 8px 0 !important;
    padding: 0 !important;
    border: 2px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    background: #0C457B !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(12, 69, 123, 0.35) !important;
    cursor: pointer !important;
    line-height: 1 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    order: -1;
  }

  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.ma-flyout-hide:hover,
  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.ma-flyout-hide:focus,
  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.ma-flyout-hide:focus-visible {
    background: #072d52 !important;
    border-color: #E8731C !important;
    color: #ffffff !important;
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
  }

  html body div.msc-widget-root.ma-flyout-expanded:not(.is-open) button.ma-flyout-hide .ma-flyout-hide-x {
    color: #E8731C !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }

  html body div.msc-widget-root .ma-flyout-controls {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    pointer-events: auto !important;
  }

  html body div.msc-widget-root.is-open .ma-flyout-controls {
    display: none !important;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  html body div.msc-widget-root,
  html body div.msc-widget-root button.msc-launcher,
  html body div.msc-widget-root button.ma-flyout-hide {
    transition: none !important;
    animation: none !important;
  }
}
/* t742 review-only — chat closer to the bottom, all pages (STAGED kit 35723 Custom CSS).
   Do not write to live. Do not edit snippet 36136.

   Append this block at the end of kit 35723 custom_css (later rules win over the
   existing D2 top:30vh and the section-3 bottom:84px lifts).

   Mobile collapsed tab currently sits at top: 30vh and overlaps hero H1.
   This moves the collapsed tab to the same bottom as the expanded pill:
   16px above the 62px sticky call bar, plus env(safe-area-inset-bottom).
   The expanded pill's gap tightens from 22px (bottom:84px) to 16px, and
   gains the missing safe-area term so it does not sit under the iOS home
   indicator. When .ms-sticky.is-visible (Auto Repair / Towing / Contact
   "Call now / Schedule" bar, 68px tall on top of the call bar), sit 16px
   above that stack instead of the current 12px (142px) lift.

   Desktop / tablet launcher is already ~18px from the viewport bottom and
   does not overlap the home H1 or the footer legal links (Sitemap sits to
   its left). This patch leaves desktop unchanged.

   Hero padding-right is not added: after the tab moves down, H1 overlap is
   gone on Home and About (gap 400px / 365px at 390).
*/

@media (max-width: 767px) {
  /* Shared lift: 16px above the sticky call bar, including the iOS inset. */
  html body div.msc-widget-root.msc-widget-root,
  html body div.msc-widget-root.msc-pos-right,
  html body div.msc-widget-root.msc-pos-left {
    bottom: calc(62px + 16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Collapsed tab: keep the right-edge 52px tab, but sit it on the same
     bottom as the expanded pill instead of mid-viewport (top: 30vh). */
  html body div.msc-widget-root.msc-widget-root:not(.is-open):not(.ma-flyout-expanded),
  html body div.msc-widget-root.msc-pos-right:not(.is-open):not(.ma-flyout-expanded),
  html body div.msc-widget-root.msc-pos-left:not(.is-open):not(.ma-flyout-expanded) {
    top: auto !important;
    bottom: calc(62px + 16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Inventory is not stacked. Auto Repair / Towing / Contact page CTA:
     .ms-sticky.is-visible is 68px, flush on top of the 62px call bar. */
  html body:has(.ms-sticky.is-visible) div.msc-widget-root:not(.is-open) {
    bottom: calc(62px + 68px + 16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Neutralize the homepage-only mh-home.css launcher offset
     (html body .msc-widget-root.msc-mode-floating .msc-launcher { bottom: 78px })
     so the root offset is the single source of truth. */
  html body div.msc-widget-root.msc-mode-floating button.msc-launcher {
    bottom: auto !important;
  }
}

/* t743 + t744 — review-only until Brian approves.
   AutoCheck badge: restyle only after it is moved next to "Our Price"
   (see mh-autocheck-price-t743.js). If the script does not run, the logo
   stays on the vehicle photo — it is not hidden here.
   Inventory archive hero (/auto-sales/, Theme Builder template 35737,
   section e033ab3): same navy-over-photo overlay as About Us (and the
   same family as the homepage hero). */

/* ----- t743: AutoCheck logo beside "Our Price" ----- */
html body .mi-cta-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
html body .mi-cta-price-row .mi-cta-price-label {
  margin: 0;
}
html body .mi-cta-price .mi-history-badge,
html body .mi-cta-price .mi-history-badge:is(:hover, :focus) {
  position: static;
  right: auto;
  top: auto;
  z-index: auto;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}
html body .mi-cta-price .mi-history-badge img {
  display: block;
  height: 28px;
  width: auto;
  max-width: 120px;
}
html body .mi-cta-price .mi-history-badge:focus-visible {
  outline: 3px solid var(--mi-focus, #0C457B) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  html body .mi-cta-price .mi-history-badge img {
    height: 24px;
    max-width: 110px;
  }
}

/* ----- t744 / t747: inventory archive hero overlay ----- */
/* Restore the t744 About Us navy overlay, original content-driven hero
   height, and original left-aligned text (no text-shadow, no type
   tightening, no 625px live-slider height). The only change from t744:
   the photo is dash-hero/original.jpg (byte-identical to the live
   homepage slider's 5-scaled.jpg), framed like that slider with
   background-size: cover and background-position: 0% 35%.
   Preview intercepts the placeholder URL and serves the local original.
   On install, upload dash-hero/original.jpg and keep or replace this URL. */
html body .elementor-35737 .elementor-element.elementor-element-e033ab3,
html body .elementor-35737 .elementor-element.elementor-element-e033ab3:not(.elementor-motion-effects-element-type-background),
html body .elementor-35737 .elementor-element.elementor-element-e033ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: #0B1F33 !important;
  background-image:
    linear-gradient(90deg,
      rgba(11,31,51,0.92) 0%,
      rgba(11,31,51,0.82) 34%,
      rgba(11,31,51,0.55) 56%,
      rgba(11,31,51,0.28) 78%,
      rgba(11,31,51,0.30) 100%),
    url("https://milleratr.com/wp-content/uploads/2026/11/miller-auto-dash-interior-hero-1600.webp") !important;
  background-size: cover !important;
  background-position: 0% 35% !important;
  background-repeat: no-repeat !important;
}
html body .elementor-35737 .elementor-element.elementor-element-e033ab3 {
  min-height: 280px;
}
@media (max-width: 767px) {
  html body .elementor-35737 .elementor-element.elementor-element-e033ab3,
  html body .elementor-35737 .elementor-element.elementor-element-e033ab3:not(.elementor-motion-effects-element-type-background),
  html body .elementor-35737 .elementor-element.elementor-element-e033ab3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image:
      linear-gradient(180deg, rgba(11,31,51,0.88) 0%, rgba(11,31,51,0.72) 42%, rgba(11,31,51,0.62) 100%),
      url("https://milleratr.com/wp-content/uploads/2026/11/miller-auto-dash-interior-hero-800.webp") !important;
    background-position: 0% 35% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  html body .elementor-35737 .elementor-element.elementor-element-e033ab3 {
    min-height: 220px;
  }
}

/* t748 — slimmer View Details + Compare on inventory listing cards.
   Match the toolbar filter buttons on /auto-sales/ (.mi-tb-right .mi-btn-outline
   and .mi-btn-primary: Reset Filters, Deselect All, Compare): 44px tall,
   15px type, 8px 18px padding, pill radius unchanged. The finder "Filters"
   toggle is 48px; card actions were 48px at 1440/1024/768 and 68px at 390
   (row stretch), and stacked full-width at 768. Scoped to .mi-card so VDP
   .mi-cta buttons are not affected. Arrow and checkbox scale to fit. */

html body .mi-card .mi-card-actions {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

html body .mi-card .mi-card-actions .mi-card-cta,
html body .mi-card .mi-card-actions .mi-card-compare {
  box-sizing: border-box;
  min-height: 44px;
  height: 44px;
  max-height: 44px;
  padding: 8px 18px;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
}

html body .mi-card .mi-card-actions .mi-card-cta {
  flex: 1 1 auto;
}

html body .mi-card .mi-card-actions .mi-card-compare {
  flex: 0 1 auto;
}

html body .mi-card .mi-card-actions .mi-card-cta svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

html body .mi-card .mi-card-actions .mi-card-compare input {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* t750 — smaller Compare checkbox on inventory listing cards.
   t748 set the input to 16×16, which wins in Chrome, but iOS Safari
   (and WebKit generally) ignores width/height on a native checkbox.
   Brian's phone screenshot shows the native rounded box painting at
   32×32 CSS pixels inside the 44px Compare pill — nearly filling it.
   appearance: none plus an explicit box, border, and radius makes the
   16px size stick on iOS without changing the 44px button, the side-by-
   side row, or the Compare label type. Applied at all widths because
   the same WebKit issue shows up on iPad, and desktop was already 16px
   under t748. Checked state: white fill, navy check, currentColor border
   (white once the pill turns navy). */

html body .mi-card .mi-card-actions .mi-card-compare input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin: 0;
  padding: 0;
  flex: none;
  flex-shrink: 0;
  align-self: center;
  border: 2px solid currentColor;
  border-radius: 4px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  accent-color: var(--mi-primary, #0C457B);
}

html body .mi-card .mi-card-actions .mi-card-compare input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230C457B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3l3.1 3.1 6.5-6.5'/%3E%3C/svg%3E");
  background-color: #fff;
  border-color: currentColor;
}

html body .mi-card .mi-card-actions .mi-card-compare:has(input:checked) input[type="checkbox"] {
  border-color: #fff;
}

/* t751 — AutoCheck logo to the right of "Our Price" on listing cards.
   Matches the t743 vehicle-detail treatment: inline, 28px tall on
   desktop and 24px on mobile, no photo-overlay chip. The badge is
   injected by snippet 36138 (mh-autocheck-price-t751.js). If the
   script does not run, cards stay badge-less — these rules do not
   hide anything on the photo. Sold cards have no "Our Price" row
   and get no badge. Scoped to .mi-card .mi-card-pricebox so the
   VDP .mi-cta-price rules from t743 are untouched. */

html body .mi-card .mi-card-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

html body .mi-card .mi-card-price-row .mi-card-price-label {
  margin: 0;
}

html body .mi-card .mi-card-pricebox .mi-history-badge,
html body .mi-card .mi-card-pricebox .mi-history-badge:is(:hover, :focus) {
  position: static;
  right: auto;
  top: auto;
  z-index: auto;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}

html body .mi-card .mi-card-pricebox .mi-history-badge img {
  display: block;
  height: 28px;
  width: auto;
  max-width: 120px;
}

html body .mi-card .mi-card-pricebox .mi-history-badge:focus-visible {
  outline: 3px solid var(--mi-focus, #0C457B) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  html body .mi-card .mi-card-pricebox .mi-history-badge img {
    height: 24px;
    max-width: 110px;
  }
}

/* t754 — full-width hover/focus fill on header dropdown links.
   Kit tap-target CSS sets `.elementor-nav-menu a { display: inline-flex
   !important }`, so a short title like "Warranty" only paints the hover
   background as wide as the text, leaving a gap in the dropdown. These
   rules stretch submenu links (desktop flyout) and every link in the
   hamburger panel to width 100%. Horizontal top-level items (Home,
   Pre-Owned Vehicles, …) stay inline-flex. */

html body .elementor-location-header .elementor-nav-menu--dropdown li,
html body .elementor-location-header .elementor-nav-menu .sub-menu li {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

html body .elementor-location-header .elementor-nav-menu--dropdown a,
html body .elementor-location-header .elementor-nav-menu .sub-menu a {
  display: flex !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
}/* End custom CSS */