/* Furkan Web V15.261 — floating controls, single clean geometry source.
   RemixIcon outline-centering values are derived from the bundled WOFF2 glyph bounds.
   The fixed hit-area never transforms; only the visual surface/icon scale from their centre. */
:root{
  --fw-float-size:50px;
  --fw-float-radius:18px;
  --fw-float-scale:1.075;
  --fw-float-icon-scale:1.035;
}

.whatsapp-floating-btn,
.fw-floating-control{
  position:fixed!important;
  z-index:99980!important;
  width:var(--fw-float-size)!important;
  min-width:var(--fw-float-size)!important;
  max-width:var(--fw-float-size)!important;
  height:var(--fw-float-size)!important;
  min-height:var(--fw-float-size)!important;
  max-height:var(--fw-float-size)!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:block!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  line-height:1!important;
  overflow:visible!important;
  isolation:isolate!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  rotate:none!important;
  transition:none!important;
}

.whatsapp-floating-btn::before,
.fw-floating-control::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  box-sizing:border-box;
  pointer-events:none;
  transform:scale(1);
  transform-origin:50% 50%;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.whatsapp-floating-btn::before{
  border-radius:50%;
  background:#25d366;
  box-shadow:0 10px 26px rgba(37,211,102,.28);
}

.fw-floating-control::before{
  border:1px solid #cfd9e5;
  border-radius:var(--fw-float-radius);
  background:rgba(248,250,252,.96);
  box-shadow:0 10px 26px rgba(15,23,42,.13);
}
html.dark .fw-floating-control::before{
  border-color:#475569;
  background:rgba(30,41,59,.96);
}

#scrollTopBtn.fw-floating-control::before,
#morphingFab.fw-floating-control.fw-fab-scroll-mode::before{
  border-color:rgba(37,99,235,.38);
  border-radius:var(--fw-float-radius);
  background:#2563eb;
  box-shadow:0 12px 28px rgba(37,99,235,.30);
}

.whatsapp-floating-btn:hover::before,
.whatsapp-floating-btn:focus-visible::before,
.fw-floating-control:hover::before,
.fw-floating-control:focus-visible::before{
  transform:scale(var(--fw-float-scale));
}
.whatsapp-floating-btn:active::before,
.fw-floating-control:active::before{
  transform:scale(.97);
}

/* The icon line box is centred first, then corrected by the actual outline bbox.
   whatsapp: +0.083333em; arrow-up: +0.175833em. */
.whatsapp-floating-btn > i,
.fw-floating-control > i,
#morphingFab #fabThemeIcon,
#morphingFab #fabScrollIcon{
  --fw-glyph-x:0px;
  --fw-glyph-y:0px;
  --fw-glyph-scale:1;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:50%!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  font-family:"remixicon"!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:center!important;
  pointer-events:none!important;
  transform:translate(calc(-50% + var(--fw-glyph-x)),calc(-50% + var(--fw-glyph-y))) scale(var(--fw-glyph-scale))!important;
  transform-origin:50% 50%!important;
  translate:none!important;
  scale:1!important;
  rotate:none!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease,color .14s ease!important;
}

.whatsapp-floating-btn > i{
  --fw-glyph-x:.083333em;
  font-size:28px!important;
  color:#fff!important;
}
#scrollTopBtn > i,
#morphingFab #fabScrollIcon{
  --fw-glyph-x:.175833em;
  font-size:26px!important;
  color:#fff!important;
}
#morphingFab #fabThemeIcon,
#darkModeBtn > i{
  font-size:23px!important;
  color:#526075!important;
}
html.dark #morphingFab #fabThemeIcon,
html.dark #darkModeBtn > i{color:#facc15!important}

.whatsapp-floating-btn:hover > i,
.whatsapp-floating-btn:focus-visible > i,
.fw-floating-control:hover > i,
.fw-floating-control:focus-visible > i,
#morphingFab:hover #fabThemeIcon,
#morphingFab:hover #fabScrollIcon,
#morphingFab:focus-visible #fabThemeIcon,
#morphingFab:focus-visible #fabScrollIcon{
  --fw-glyph-scale:var(--fw-float-icon-scale);
}

.whatsapp-floating-btn > i::before,
.fw-floating-control > i::before,
#morphingFab #fabThemeIcon::before,
#morphingFab #fabScrollIcon::before{
  display:block!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}

/* Existing JS classes switch visibility only. They never alter geometry. */
#morphingFab #fabThemeIcon.opacity-0,
#morphingFab #fabScrollIcon.opacity-0{opacity:0!important;visibility:hidden!important}
#morphingFab #fabThemeIcon.opacity-100,
#morphingFab #fabScrollIcon.opacity-100{opacity:1!important;visibility:visible!important}
#scrollTopBtn[style*="pointer-events: none"]{cursor:default!important}

@media(max-width:640px){
  :root{--fw-float-size:48px;}
  .whatsapp-floating-btn,
  .fw-floating-control{
    left:var(--fw-float-left-mobile,auto)!important;
    right:var(--fw-float-right-mobile,auto)!important;
    bottom:var(--fw-float-bottom-mobile,20px)!important;
  }
  .whatsapp-floating-btn > i{font-size:27px!important;}
  #scrollTopBtn > i,
  #morphingFab #fabScrollIcon{font-size:25px!important;}
  #morphingFab #fabThemeIcon,
  #darkModeBtn > i{font-size:22px!important;}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-floating-btn::before,.fw-floating-control::before,
  .whatsapp-floating-btn > i,.fw-floating-control > i,
  #morphingFab #fabThemeIcon,#morphingFab #fabScrollIcon{transition:none!important}
}