/* Steadfast mobile quick-contact bar — always visible on mobile, including after hours. */
.sf-mobile-cta { display:none; }
@media (max-width:767px) {
  body { padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important; }
  .sf-mobile-cta {
    position:fixed;
    inset:auto 0 0;
    z-index:99989;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:9px;
    width:100%;
    padding:9px max(14px, env(safe-area-inset-right, 0px)) calc(9px + env(safe-area-inset-bottom, 0px)) max(14px, env(safe-area-inset-left, 0px));
    background:#fff;
    border-top:1px solid #d8e0e5;
    box-shadow:0 -6px 24px rgba(10,34,53,.10);
    font-family:"DM Sans",Arial,sans-serif;
    box-sizing:border-box;
  }
  .sf-mobile-cta *, .sf-mobile-cta *::before, .sf-mobile-cta *::after {box-sizing:border-box;}
  .sf-mobile-cta__link {
    min-width:0;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 10px;
    border-radius:9px;
    border:1px solid #0e2d45;
    font:700 14px/1.2 "DM Sans",Arial,sans-serif;
    text-decoration:none;
    text-align:center;
    white-space:nowrap;
    -webkit-tap-highlight-color:transparent;
  }
  .sf-mobile-cta__link svg { width:18px;height:18px;flex:0 0 18px;display:block;stroke:currentColor; }
  .sf-mobile-cta__link--call {color:#fff;background:#0e2d45;}
  .sf-mobile-cta__link--call:hover {background:#173d57;color:#fff;}
  .sf-mobile-cta__link--estimate {color:#0e2d45;background:#edf3f6;}
  .sf-mobile-cta__link--estimate:hover {background:#dbe7ed;color:#0e2d45;}
  .sf-mobile-cta__link:focus-visible {outline:3px solid #c98b29;outline-offset:2px;}
  /* Both calls-to-action stay active when the 9–7 personal message appears. */
  #sf-contact-prompt {bottom:calc(83px + env(safe-area-inset-bottom, 0px)) !important;}
}
@media (max-width:340px) {
  .sf-mobile-cta {gap:7px;padding-left:10px;padding-right:10px;}
  .sf-mobile-cta__link {font-size:13px;gap:6px;padding-left:6px;padding-right:6px;}
  .sf-mobile-cta__link svg {width:16px;height:16px;flex-basis:16px;}
}
@media (prefers-reduced-motion:reduce) {
  .sf-mobile-cta__link {transition:none;}
}
