/* Bray Insurance: mobile tap-to-call, presentation only. No script required.
   Sticky positioning reserves the bar's actual height in document flow, including enlarged text. */
.mobile-call-bar{display:none}
@media screen and (max-width:800px){
  :root{
    --bray-safe-bottom:env(safe-area-inset-bottom,0px);
    --bray-safe-left:env(safe-area-inset-left,0px);
    --bray-safe-right:env(safe-area-inset-right,0px);
    --bray-call-space:calc(100px + var(--bray-safe-bottom));
  }
  html{scroll-padding-bottom:var(--bray-call-space)}
  body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-left:var(--bray-safe-left);padding-right:var(--bray-safe-right)}
  body>header,body>main,body>footer{flex-shrink:0}
  body>main{flex-grow:1}
  .mobile-call-bar{
    display:block;position:sticky;bottom:0;z-index:50;flex-shrink:0;
    margin-top:16px;
    padding:10px 16px calc(10px + var(--bray-safe-bottom));
    padding-left:max(16px,var(--bray-safe-left));
    padding-right:max(16px,var(--bray-safe-right));
    background:#fdfbf7;border-top:1px solid #c9b891;
    box-shadow:0 -4px 18px #2427200d;
  }
  .mobile-call-button{
    display:flex;align-items:center;justify-content:center;gap:12px;
    width:100%;max-width:560px;min-height:64px;margin:0 auto;padding:9px 16px;
    color:#252720!important;background:#d1b374;border:1px solid #b89451;
    border-radius:4px;text-align:left;text-decoration:none!important;
    font-family:Arial,Helvetica,sans-serif;line-height:1.25;
    -webkit-tap-highlight-color:#b8945155;
  }
  .mobile-call-button svg{width:25px;height:25px;flex:0 0 25px}
  .mobile-call-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
  .mobile-call-copy strong{font-size:17px;font-weight:700;color:inherit;overflow-wrap:anywhere}
  .mobile-call-number{font-size:15px;letter-spacing:.03em;font-weight:400;color:inherit}
  .mobile-call-bar .mobile-call-button:hover{background:#dfc58f}
  .mobile-call-bar .mobile-call-button:active{background:#c7a669}
  .mobile-call-bar .mobile-call-button:focus-visible{outline:3px solid #252720;outline-offset:3px}
  .mobile-call-prompt{display:none}
}
@media screen and (min-width:461px) and (max-width:800px){
  .mobile-call-prompt{display:inline;font-size:13px;margin-left:18px;font-weight:600}
}
/* Short landscape screens retain a reachable call link without covering the page. */
@media screen and (max-width:800px) and (max-height:340px){
  .mobile-call-bar{position:static;margin-top:24px;box-shadow:none}
  body{padding-bottom:0}html{scroll-padding-bottom:0}
}
@media print{
  .mobile-call-bar{display:none!important}
  body{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}
}