/* WESTSIDE APPROVED MOBILE FOOTER, 29 OCT 2026.
   Applies to footer only at mobile widths. Desktop, header, SEO, forms, and inventory unaffected.
   Original business logo and clickable links are preserved. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    position:relative !important;
    isolation:isolate !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:13px 12px 0 !important;
    border:0 !important;
    border-top:5px solid #82ed00 !important;
    border-bottom:5px solid #82ed00 !important;
    border-radius:0 0 10px 10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    color:#fff !important;
    background-color:#050c11 !important;
    background-image:url('images/westside-white-suv-mobile-footer.webp') !important;
    background-repeat:no-repeat !important;
    background-size:100% auto !important;
    background-position:center clamp(85px, 23vw, 115px) !important;
    box-shadow:0 4px 12px rgba(0,0,0,.15) !important;
  }
  html body > footer.site-footer.site-footer::before {
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:-1 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(0,6,14,.30) 0%,rgba(0,6,14,.18) 23%,rgba(0,0,0,.02) 40%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.82) 71%,#02070a 91%) !important;
  }
  html body > footer.site-footer.site-footer .ws-footer-brand {
    order:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0,0.85fr) minmax(0,1.5fr) !important;
    grid-template-rows:auto auto !important;
    align-items:end !important;
    column-gap:10px !important;
    row-gap:3px !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px 1px 0 !important;
    border:0 !important;
    background:transparent !important;
  }
  html body > footer.site-footer.site-footer .ws-footer-original-logo {
    display:block !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:end !important;
    justify-self:center !important;
    width:100% !important;
    max-width:130px !important;
    max-height:100px !important;
    height:auto !important;
    object-fit:contain !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  html body > footer.site-footer.site-footer .ws-footer-brand > p {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    font-size:clamp(11px,3.25vw,15px) !important;
    line-height:1.22 !important;
    font-weight:800 !important;
  }
  html body > footer.site-footer.site-footer .ws-footer-brand > .footer-address {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    font-size:clamp(10px,2.9vw,14px) !important;
    line-height:1.25 !important;
    text-decoration:none !important;
    color:#fff !important;
  }
  html body > footer.site-footer.site-footer p.footer-services {
    order:1 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:4px 0 0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:clamp(15px,4.5vw,20px) !important;
    font-weight:900 !important;
    line-height:1.28 !important;
    text-align:center !important;
    text-wrap:balance !important;
    text-shadow:0 2px 1px #000,2px 2px 4px #000,-2px -1px 4px #000 !important;
    -webkit-text-stroke:.35px #000 !important;
  }
  html body > footer.site-footer.site-footer .footer-call-buttons {
    order:2 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    margin:clamp(150px,44vw,210px) 0 8px !important;
    padding:0 !important;
    background:transparent !important;
  }
  html body > footer.site-footer.site-footer .footer-call-buttons > a {
    display:flex !important;
    flex:1 1 0 !important;
    justify-content:center !important;
    align-items:center !important;
    width:0 !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    margin:0 !important;
    padding:5px 3px !important;
    box-sizing:border-box !important;
    gap:4px !important;
    border-radius:12px !important;
    border:2px solid #4b9c00 !important;
    background:linear-gradient(180deg,#baff19 0%,#7be900 46%,#50d100 100%) !important;
    box-shadow:0 4px 0 #316a00,0 5px 9px rgba(0,0,0,.75) !important;
    color:#fff !important;
    font-size:clamp(11px,3.05vw,15px) !important;
    font-weight:900 !important;
    letter-spacing:-.2px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-shadow:1px 2px 2px #000,-1px -1px 1px #000 !important;
  }
  html body > footer.site-footer.site-footer .footer-call-buttons > a svg.ws-phone-svg {
    flex:0 0 auto !important;
    width:16px !important;
    height:18px !important;
    padding-right:5px !important;
    color:#fff !important;
  }
  html body > footer.site-footer.site-footer p.footer-privacy-link {
    order:4 !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 0 10px !important;
    border:0 !important;
    background:transparent !important;
    text-align:center !important;
  }
  html body > footer.site-footer.site-footer p.footer-privacy-link a {
    color:#fff !important;
    font-size:clamp(12px,3.2vw,15px) !important;
    text-decoration:underline !important;
  }
}
@media screen and (max-width:350px) {
  html body > footer.site-footer.site-footer {padding-left:8px !important;padding-right:8px !important;}
  html body > footer.site-footer.site-footer .footer-call-buttons {gap:5px !important;margin-top:145px !important;}
  html body > footer.site-footer.site-footer .footer-call-buttons > a {font-size:10px !important;}
  html body > footer.site-footer.site-footer .ws-footer-original-logo {max-width:108px !important;}
}

/* Approved mobile footer: matching Land Cruiser and accident-damaged sedan. Desktop unchanged. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer {
    background-color:#02090d !important;
    background-image:url('images/westside-bright-mobile-footer-v2.webp') !important;
    background-size:100% auto !important;
    background-position:center clamp(85px,23vw,115px) !important;
    background-repeat:no-repeat !important;
    padding-bottom:15px !important;
  }
  html body > footer.site-footer.site-footer::before {
    background:linear-gradient(180deg,rgba(0,6,14,.02) 0%,rgba(0,6,14,.02) 65%,rgba(0,6,14,.4) 82%,#02090d 100%) !important;
  }
  html body > footer.site-footer.site-footer .ws-footer-brand,
  html body > footer.site-footer.site-footer .footer-privacy-link {display:none !important;}
  html body > footer.site-footer.site-footer .footer-call-buttons {
    margin-top:clamp(245px,75vw,365px) !important;
    margin-bottom:0 !important;
  }
  html body > footer.site-footer.site-footer p.footer-services {
    padding-top:10px !important;
    color:#fff !important;
  }
}
@media screen and (max-width:350px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {margin-top:74vw !important;}
}

/* 01 NOV 2026 — approved compact mobile footer; desktop and header unaffected.
   One uninterrupted automotive-yard photo behind heading/vehicles/buttons. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    height:auto!important;min-height:0!important;
    padding:10px 10px 12px!important;
    background-color:#071215!important;
    background-image:url('images/westside-bright-mobile-footer-compact-v2.webp')!important;
    background-position:center top!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    border-top:5px solid #82ed00!important;
    border-bottom:5px solid #82ed00!important;
  }
  html body > footer.site-footer.site-footer::before {
    background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,transparent 21%,transparent 60%,rgba(0,0,0,.4) 85%,#071215 100%)!important;
  }
  html body > footer.site-footer.site-footer p.footer-services {
    order:1!important;display:block!important;
    margin:0!important;padding:0 2px!important;
    background:transparent!important;
    color:#fff!important;
    font:900 clamp(15px,4.6vw,22px)/1.19 Arial,sans-serif!important;
    text-shadow:2px 2px 3px #000,-2px -2px 2px #000,0 0 7px #000!important;
  }
  html body > footer.site-footer.site-footer .footer-call-buttons {
    order:2!important;display:flex!important;flex-direction:row!important;
    width:100%!important;gap:8px!important;
    /* Reserve only the height of the visible cars, not the old black gap. */
    margin:clamp(210px,59vw,290px) 0 0!important;
    padding:0!important;
  }
  html body > footer.site-footer.site-footer .footer-call-buttons>a {
    flex:1 1 0!important;width:0!important;min-width:0!important;
    height:48px!important;
  }
  html body > footer.site-footer.site-footer .ws-footer-brand {display:none!important;}
  html body > footer.site-footer.site-footer p.footer-privacy-link {
    order:3!important;display:block!important;
    margin:0!important;padding:12px 0 0!important;
    text-align:center!important;
    color:#fff!important;
  }
  html body > footer.site-footer.site-footer p.footer-privacy-link a {
    color:#fff!important;text-decoration:underline!important;
  }
}
@media screen and (max-width:350px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {margin-top:59vw!important;gap:5px!important;}
}

/* 01 Nov 2026: raise ONLY the mobile footer phone buttons by 18px. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {
    margin-top:calc(clamp(210px,59vw,290px) - 18px)!important;
  }
}
@media screen and (max-width:350px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {
    margin-top:calc(59vw - 18px)!important;
  }
}

/* FINAL MOBILE FOOTER BUTTON POSITION: replace cached stylesheet, visibly raise buttons. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {
    margin-top:calc(clamp(210px,59vw,290px) - 60px)!important;
  }
}
@media screen and (max-width:350px) {
  html body > footer.site-footer.site-footer .footer-call-buttons {
    margin-top:calc(59vw - 60px)!important;
  }
}


/* Footer background only: use an exact copy of the current mobile header background image. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer {
    background-image:url('images/westside-footer-same-as-mobile-header.webp') !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
  }
}

/* MOBILE FOOTER IMAGE FIX 2026-11-06: exact copy of mobile header image,
   matched image aspect ratio. Extra specificity overrides later page-level CSS.
   Does not alter header, navigation, page content or SEO. */
@media screen and (max-width:700px) {
  html body > footer.site-footer.site-footer.site-footer {
    background-image:url('images/westside-footer-same-as-mobile-header.webp') !important;
    background-position:center center !important;
    background-size:100% 100% !important;
    background-repeat:no-repeat !important;
    box-sizing:border-box !important;
    min-height:calc(100vw * 618 / 398) !important;
    height:auto !important;
  }
}