/* MANGALAM V15 — premium lead-generation contact dock */
.m8-contact-dock{
  position:fixed!important;
  right:18px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:2500!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:7px!important;
  width:58px!important;
  border:1px solid rgba(226,187,73,.30)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,rgba(15,15,15,.96),rgba(5,5,5,.94))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.m8-contact-dock::before{
  content:"";
  position:absolute;
  top:10px;
  bottom:10px;
  left:-1px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,transparent,#e5bd50 25%,#f3d77e 50%,#e5bd50 75%,transparent);
  opacity:.85;
}
.m8-contact-btn{
  position:relative!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  color:#f6e8bd!important;
  background:rgba(255,255,255,.035)!important;
  text-decoration:none!important;
  overflow:hidden!important;
  transition:width .28s ease,transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease!important;
}
.m8-contact-btn::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 55%)!important;opacity:0!important;transition:opacity .25s ease!important;pointer-events:none!important}
.m8-contact-icon{display:grid!important;place-items:center!important;width:23px!important;height:23px!important;flex:0 0 23px!important;position:relative!important;z-index:1!important}
.m8-contact-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.m8-contact-text{display:none!important;position:relative!important;z-index:1!important;white-space:nowrap!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.m8-contact-btn:hover,.m8-contact-btn:focus-visible{
  width:136px!important;
  transform:translateX(-8px)!important;
  border-color:rgba(235,202,111,.72)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(216,173,61,.19),rgba(255,255,255,.05))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 1px rgba(216,173,61,.08)!important;
  outline:none!important;
}
.m8-contact-btn:hover::after,.m8-contact-btn:focus-visible::after{opacity:1!important}
.m8-contact-btn:hover .m8-contact-text,.m8-contact-btn:focus-visible .m8-contact-text{display:inline!important}
.m8-call:hover,.m8-call:focus-visible{color:#ffe49a!important}
.m8-whatsapp:hover,.m8-whatsapp:focus-visible{border-color:rgba(93,220,157,.65)!important;color:#9af2c9!important;background:linear-gradient(135deg,rgba(44,150,91,.18),rgba(255,255,255,.04))!important}
.m8-email:hover,.m8-email:focus-visible{color:#fff1b8!important}
.m8-contact-btn:active{transform:translateX(-8px) scale(.98)!important}
@media(max-width:760px){
  .m8-contact-dock{right:12px!important;left:auto!important;top:auto!important;bottom:14px!important;transform:none!important;flex-direction:row!important;width:auto!important;padding:6px!important;border-radius:16px!important;gap:6px!important}
  .m8-contact-dock::before{left:10px;right:10px;top:-1px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,transparent,#e5bd50 25%,#f3d77e 50%,#e5bd50 75%,transparent)}
  .m8-contact-btn{width:48px!important;height:48px!important;min-width:48px!important;border-radius:12px!important}
  .m8-contact-btn:hover,.m8-contact-btn:focus-visible{width:48px!important;transform:translateY(-4px)!important}
  .m8-contact-btn:hover .m8-contact-text,.m8-contact-btn:focus-visible .m8-contact-text{display:none!important}
}
@media(prefers-reduced-motion:reduce){.m8-contact-btn{transition:none!important}.m8-contact-btn:hover,.m8-contact-btn:focus-visible{transform:none!important}.m8-contact-btn:active{transform:none!important}}