/**
 * Clear Link v1.10.39 — mobile final CTA / footer visibility fix
 * Scope: mobile only. Prevent horizontal clipping and fixed contact-bar overlap.
 */
@media (max-width: 820px){
  /* Final CTA heading must wrap inside the viewport even when older heading
     overrides or Japanese auto-phrase behavior would otherwise keep it wide. */
  .cl-final-cta__content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .cl-final-cta h2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-right:0!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-break:strict!important;
    text-wrap:pretty!important;
    font-size:clamp(26px,7vw,32px)!important;
    line-height:1.46!important;
  }

  /* Keep every footer row scrollable above the fixed CTA bar. */
  .site-footer{
    overflow:visible!important;
    min-height:auto!important;
    height:auto!important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  .site-footer__top,
  .footer-brand,
  .footer-map,
  .site-footer__bottom{
    min-width:0!important;
    max-width:100%!important;
  }
  .footer-brand>p{
    overflow:visible!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .site-footer__bottom{
    padding-bottom:12px!important;
  }

  /* The mobile bar should use the whole width whether phone is configured or not. */
  .mobile-contact-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mobile-contact-bar--three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .mobile-contact-bar a{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width: 390px){
  .cl-final-cta h2{
    font-size:26px!important;
  }
}