/* Westside Auto Wreckers: 10 November 2026. Mobile-only compact header.
   Desktop unchanged. Shared quote destination. Equal-width phone buttons. */
.ws-mobile-top-quote-20261110 { display:none!important; }
@media screen and (max-width:700px) {
  /* Logo / quote / menu fit the pre-existing black header area. */
  html body > header#home#home .header-top > img.company-logo.company-logo {
    display:block!important;
    position:absolute!important;
    left:6px!important; right:auto!important; top:9px!important;
    width:100px!important; height:84px!important;
    max-width:100px!important; max-height:84px!important;
    margin:0!important; padding:0!important;
    transform:none!important; object-fit:contain!important;
    z-index:23!important;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 {
    display:flex!important;
    position:absolute!important;
    z-index:23!important;
    top:23px!important;
    left:clamp(108px,28vw,140px)!important;
    right:54px!important;
    width:auto!important; height:56px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    padding:4px 8px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:4px!important;
    border:3px solid #f4fff0!important;
    border-radius:40px!important;
    background:linear-gradient(110deg,#b9ff16 0%,#8de500 65%,#66d500 100%)!important;
    box-shadow:0 0 0 2px #78d900,0 2px 5px rgba(0,0,0,.45)!important;
    color:#080d08!important;
    font-family:Arial,Helvetica,sans-serif!important;
    text-decoration:none!important;
    white-space:normal!important;
    -webkit-tap-highlight-color:transparent;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 .ws-mobile-top-quote-car {
    display:block!important; width:clamp(24px,7vw,32px)!important; height:29px!important;
    flex:0 0 clamp(24px,7vw,32px)!important;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 .ws-mobile-top-quote-label {
    display:block!important; flex:1 1 auto!important; min-width:0!important;
    font-size:clamp(12px,3.55vw,16px)!important;
    font-weight:900!important; line-height:1.05!important;
    letter-spacing:-.3px!important;
    text-align:center!important;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 .ws-mobile-top-quote-label span {display:block!important;}
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 .ws-mobile-top-quote-arrow {
    width:clamp(11px,3.8vw,17px)!important;
    height:25px!important;
    flex:0 0 clamp(11px,3.8vw,17px)!important;
    display:block!important;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110:focus-visible {
    outline:3px solid #fff!important;outline-offset:3px!important;
  }
  /* Retain the hamburger in the upper-right, clear of the quote button. */
  html body > header#home#home .header-top > .ws-mobile-menu-button.ws-mobile-menu-button {
    top:30px!important;right:11px!important;left:auto!important;
    width:39px!important;height:39px!important;
    z-index:24!important;
  }
  /* Exactly two equal-size phone buttons beneath the new quote CTA. */
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;row-gap:0!important;
    position:absolute!important;
    top:96px!important;left:8px!important;right:8px!important;
    width:calc(100% - 16px)!important;height:44px!important;
    padding:0!important;margin:0!important;
    box-sizing:border-box!important;
    transform:none!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    pointer-events:none!important;
    z-index:23!important;
  }
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row > a.ws-approved-call.ws-approved-call:not(.ws-approved-quote) {
    display:flex!important;
    flex:none!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    padding:0!important;margin:0!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
    align-items:center!important;
    border-width:2px!important;border-radius:10px!important;
    pointer-events:auto!important;
  }
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row > a.ws-approved-quote.ws-approved-quote {
    display:none!important;
  }
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row > a.ws-approved-call.ws-approved-call:not(.ws-approved-quote) .ws-approved-icon-area {
    flex:0 0 33px!important;
    width:33px!important;
    max-width:33px!important;
    margin-right:-9px!important;
    clip-path:polygon(0 0,100% 0,78% 100%,0 100%)!important;
  }
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row > a.ws-approved-call.ws-approved-call:not(.ws-approved-quote) .ws-approved-number {
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important; width:auto!important;
    box-sizing:border-box!important;
    font:bold clamp(10.5px,3.5vw,15px)/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:-.55px!important;
    padding:0 2px 0 7px!important;
    margin:0!important;
    white-space:nowrap!important;
    text-align:center!important;
    overflow:visible!important;
  }
}
@media screen and (max-width:350px) {
  html body > header#home#home .header-top > img.company-logo.company-logo {
    left:3px!important;width:93px!important;max-width:93px!important;
  }
  html body > header#home#home .header-top > a.ws-mobile-top-quote-20261110 {
    left:100px!important;right:48px!important;
    padding:3px 5px!important;gap:2px!important;
  }
  html body > header#home#home .header-top > .ws-mobile-menu-button.ws-mobile-menu-button {
    right:7px!important;width:36px!important;
  }
  html body > header#home#home .header-top > .ws-approved-call-row.ws-approved-call-row > a.ws-approved-call.ws-approved-call:not(.ws-approved-quote) .ws-approved-icon-area {
    flex-basis:29px!important;width:29px!important;margin-right:-8px!important;
  }
}