/* WESTSIDE - approved Follow Us footer extension (Nov 2026)
   Extend only the EXISTING contact strip; no social URL is invented.
   Real links can be added to the five profile wrappers once provided.
   The mobile and desktop call buttons retain their existing dimensions/styles. */
html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip {
  position:relative!important;
  height:229px!important;
  min-height:229px!important;
  box-sizing:border-box!important;
  background:#050505!important;
  overflow:hidden!important;
}
/* Reposition the exact existing phone row without touching its children. */
html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip > .ws-approved-call-row.ws-approved-call-row {
  top:17px!important;
  bottom:auto!important;
  transform:none!important;
  z-index:2!important;
}
html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip > .ws-footer-social {
  position:absolute!important;
  inset:auto 0 13px 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  padding:0 15px!important;
  margin:0!important;
  box-sizing:border-box!important;
  color:#fff!important;
  z-index:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-heading {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:min(650px, 100%)!important;
  margin:0 0 12px!important;
  color:#fff!important;
  text-align:center!important;
  font-size:23px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-heading::before,
html body .ws-footer-bottom-contact-strip .ws-footer-social-heading::after {
  content:""!important;
  display:block!important;
  flex:1 1 0!important;
  height:3px!important;
  background:#7EDC00!important;
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-links {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(12px,2vw,27px)!important;
  width:min(600px,100%)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  align-items:start!important;
  justify-content:center!important;
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-profile {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  text-align:center!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-decoration:none!important;
  cursor:default!important; /* Link to be supplied; not a fake clickable control */
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-profile img {
  width:51px!important;
  height:51px!important;
  max-width:100%!important;
  object-fit:contain!important;
  border-radius:13px!important;
  border:2px solid #fff!important;
  box-shadow:0 1px 6px rgba(0,0,0,.6)!important;
  background:transparent!important;
  display:block!important;
  box-sizing:border-box!important;
}
html body .ws-footer-bottom-contact-strip .ws-footer-social-label {
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  color:#fff!important;
  text-shadow:none!important;
}
@media screen and (max-width:700px) {
  html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip {
    height:179px!important;
    min-height:179px!important;
  }
  html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip > .ws-approved-call-row.ws-approved-call-row {
    top:10px!important;
    bottom:auto!important;
    transform:none!important;
  }
  html body .ws-footer-bottom-contact-strip.ws-footer-bottom-contact-strip > .ws-footer-social {
    bottom:12px!important;
    padding:0 9px!important;
  }
  html body .ws-footer-bottom-contact-strip .ws-footer-social-heading {
    font-size:18px!important;
    line-height:1.3!important;
    gap:9px!important;
    margin-bottom:9px!important;
  }
  html body .ws-footer-bottom-contact-strip .ws-footer-social-heading::before,
  html body .ws-footer-bottom-contact-strip .ws-footer-social-heading::after {height:2px!important;}
  html body .ws-footer-bottom-contact-strip .ws-footer-social-links {
    width:100%!important;
    gap:3px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  html body .ws-footer-bottom-contact-strip .ws-footer-social-profile {gap:5px!important;}
  html body .ws-footer-bottom-contact-strip .ws-footer-social-profile img {
    width:clamp(35px,10.8vw,44px)!important;
    height:clamp(35px,10.8vw,44px)!important;
    border-radius:11px!important;
    border-width:2px!important;
  }
  html body .ws-footer-bottom-contact-strip .ws-footer-social-label {
    font-size:clamp(9px,2.7vw,11px)!important;
    font-weight:700!important;
    letter-spacing:-.15px!important;
  }
}
/* Once a profile URL is provided, make the wrapper an anchor; only then allow activation. */
html body .ws-footer-bottom-contact-strip a.ws-footer-social-profile {cursor:pointer!important;}
html body .ws-footer-bottom-contact-strip a.ws-footer-social-profile:hover img,
html body .ws-footer-bottom-contact-strip a.ws-footer-social-profile:focus-visible img {
  outline:2px solid #7EDC00;
  outline-offset:3px;
  transform:translateY(-2px);
}
@media (prefers-reduced-motion:reduce) {
 html body .ws-footer-bottom-contact-strip a.ws-footer-social-profile img {transition:none!important;transform:none!important;}
}