/* Call / WhatsApp / Get a Quote bar, on every page.
   Phones: full-width bar fixed to the bottom of the screen.
   Desktop: a small group of buttons in the bottom-right corner (add .fru-bar--mobile on pages whose header already shows them). */
.fru-bar{position:fixed;z-index:1000;display:flex;gap:10px;right:20px;bottom:20px;font-family:'Figtree',system-ui,sans-serif}
.fru-bar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:50px;font-weight:700;font-size:15px;line-height:1;text-decoration:none;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);white-space:nowrap}
.fru-bar a svg{flex:none}
.fru-bar .fru-bar__call{background:#c44340}
.fru-bar .fru-bar__call:hover{background:#a33533;color:#fff}
.fru-bar .fru-bar__wa{background:#1f8f4e}
.fru-bar .fru-bar__wa:hover{background:#18773f;color:#fff}
.fru-bar .fru-bar__quote{background:#171516}
.fru-bar .fru-bar__quote:hover{background:#2c2929;color:#fff}
.fru-bar a:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.fru-bar--mobile{display:none}

@media (max-width:768px){
  .fru-bar,.fru-bar--mobile{display:flex;left:0;right:0;bottom:0;gap:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ECEAEA;box-shadow:0 -4px 18px rgba(0,0,0,.08)}
  .fru-bar a{flex:1 1 0;min-width:0;gap:6px;min-height:48px;padding:0 6px;margin:0 4px;font-size:14px;box-shadow:none}
  .fru-bar__long{display:none}
  body.has-fru-bar{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  /* The bar has its own WhatsApp button, so the round floating one would only cover it. */
  .wa-float{display:none !important}
}