/* ==========================================================================
   Best Care Services - floating Call + WhatsApp pill (sits in the footer markup, fixed to the viewport)
   White half = call, green half = WhatsApp, divided by a slight slant.
   Corner radius is the site-wide reduced scale (12px on a 48px-tall pill; was fully round).
   ========================================================================== */

:root{
  --bc-wa:#1a9a4a;
  --bc-wa-dark:#14803c;
  --bc-float-h:48px;
  --bc-float-r:12px;
  --bc-float-slant:14px;
}

.bc-float{
  position:fixed; z-index:1020;
  right:max(1rem,env(safe-area-inset-right));
  bottom:max(1rem,env(safe-area-inset-bottom));
  display:flex; align-items:stretch;
  height:var(--bc-float-h);
  background:#fff; border-radius:var(--bc-float-r); overflow:hidden;
  box-shadow:0 12px 26px -10px rgba(0,41,79,.6),0 2px 8px rgba(0,41,79,.22);
}

.bc-float-btn{
  position:relative;
  display:flex; align-items:center; justify-content:center;
  height:100%; text-decoration:none; -webkit-tap-highlight-color:transparent;
  transition:background-color .15s,color .15s;
}
.bc-float-btn svg{ display:block; width:22px; height:22px; flex:0 0 auto; }

/* white half: phone handset (outline) */
.bc-float .bc-float-call{ width:64px; background:#fff; color:var(--bc-blue); }
.bc-float .bc-float-call:hover,
.bc-float .bc-float-call:focus-visible{ background:#eef4fa; color:var(--bc-blue-dark); }

/* green half: WhatsApp, left edge slanted like "/" */
.bc-float .bc-float-wa{
  width:calc(66px + var(--bc-float-slant));
  margin-left:calc(var(--bc-float-slant) * -1);
  padding-left:var(--bc-float-slant);
  background:var(--bc-wa); color:#fff;
  -webkit-clip-path:polygon(var(--bc-float-slant) 0,100% 0,100% 100%,0 100%);
          clip-path:polygon(var(--bc-float-slant) 0,100% 0,100% 100%,0 100%);
}
.bc-float .bc-float-wa:hover,
.bc-float .bc-float-wa:focus-visible{ background:var(--bc-wa-dark); color:#fff; }
.bc-float .bc-float-wa svg{ width:24px; height:24px; }

.bc-float .bc-float-call:focus-visible{ outline:3px solid var(--bc-blue); outline-offset:-4px; border-radius:var(--bc-float-r); }
.bc-float .bc-float-wa:focus-visible{ outline:3px solid #fff; outline-offset:-5px; }

/* keep the footer's last line clear of the pill */
.hm-foot-bottom{ padding-bottom:5rem; }

@media (max-width:767.98px){
  .bc-float{ right:auto; left:50%; transform:translateX(-50%); }
}
@media print{ .bc-float{ display:none; } }