/* My Floating Call Button — transparent, glowing, animated */
.mfc-wrap{
  position: fixed;
  bottom: 19px;
  right:19px; /* left/right swapped via inline style from PHP */
  z-index: 999999;
}

.mfc-btn{
  width: var(--mfc-size);
  height: var(--mfc-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);        /* glassy, almost transparent */
  border: 1px solid rgba(255,255,255,0.12);  /* faint ring */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  text-decoration: none;
  cursor: pointer;
  animation: mfc-breathe 2.8s infinite ease-in-out;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
  box-shadow:
    0 0 16px color-mix(in srgb, var(--mfc-glow) 50%, transparent),
    0 0 36px color-mix(in srgb, var(--mfc-glow) 30%, transparent);
}

.mfc-btn:hover{
  transform: scale(1.06);
  box-shadow:
    0 0 24px color-mix(in srgb, var(--mfc-glow) 80%, transparent),
    0 0 60px color-mix(in srgb, var(--mfc-glow) 45%, transparent);
}

/* Icon (PNG or SVG) */
.mfc-icon{
  width: calc(var(--mfc-size) - 28px);
  height: calc(var(--mfc-size) - 28px);
  display: block;
  filter:
    drop-shadow(0 0 8px rgba(255,255,255,.95))
    drop-shadow(0 0 20px color-mix(in srgb, var(--mfc-glow) 60%, transparent))
    drop-shadow(0 0 40px color-mix(in srgb, var(--mfc-glow) 35%, transparent));
  transition: transform .3s ease, filter .3s ease;
}

.mfc-btn:hover .mfc-icon{
  transform: scale(1.06);
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,1))
    drop-shadow(0 0 30px color-mix(in srgb, var(--mfc-glow) 80%, transparent))
    drop-shadow(0 0 60px color-mix(in srgb, var(--mfc-glow) 45%, transparent));
}

/* Breathing pulse for the button shell */
@keyframes mfc-breathe{
  0%,100%{
    transform: scale(1);
    box-shadow:
      0 0 16px color-mix(in srgb, var(--mfc-glow) 45%, transparent),
      0 0 36px color-mix(in srgb, var(--mfc-glow) 25%, transparent);
  }
  50%{
    transform: scale(1.04);
    box-shadow:
      0 0 28px color-mix(in srgb, var(--mfc-glow) 80%, transparent),
      0 0 64px color-mix(in srgb, var(--mfc-glow) 40%, transparent);
  }
}

/* Mobile spacing tweak handled by PHP inline variables */