/*================================================
Floating buttons: WhatsApp (left), back to top (right), mobile call bar
Loaded after style.css and responsive.css on every page.
=================================================*/

/* WhatsApp: bottom-left */
.whatsapp {
  position: fixed;
  left: 22px;
  right: auto;
  bottom: 22px;
  float: none !important;
  z-index: 9990;
}
.whatsapp a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35), 0 2px 6px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s, box-shadow 0.3s;
}
.whatsapp a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid #25d366;
  animation: sd-wa-pulse 2.4s ease-out infinite;
  pointer-events: none;
}
.whatsapp a:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.45), 0 3px 8px rgba(0, 0, 0, 0.15);
}
.whatsapp img,
.whatsapp .img-fluid {
  float: none !important;
  margin: 0;
  width: 50px;
  height: 50px;
  max-width: none;
  display: block;
}
/* "Chat with us" label on hover (mouse devices only) */
@media (hover: hover) and (min-width: 992px) {
  .whatsapp a::after {
    content: "Chat with us";
    position: absolute;
    left: 66px;
    top: 50%;
    transform: translate(-6px, -50%);
    background: #ffffff;
    color: #075e54;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    padding: 8px 14px;
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }
  .whatsapp a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
  }
}
@keyframes sd-wa-pulse {
  0% { transform: scale(1); opacity: 0.8; }
  70% { transform: scale(1.45); opacity: 0; }
  100% { transform: scale(1.45); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .whatsapp a::before { animation: none; opacity: 0; }
}

/* Back to top: bottom-right */
.go-top {
  right: 22px;
  left: auto;
  width: 48px;
  height: 48px;
  background-color: #b62a72;
  box-shadow: 0 6px 18px rgba(182, 42, 114, 0.35);
  z-index: 9990;
  transition: bottom 0.5s, opacity 0.5s, visibility 0.5s, background-color 0.3s, transform 0.3s;
}
.go-top.active {
  bottom: 26px;
}
.go-top:hover {
  background-color: #316A9A;
  box-shadow: 0 8px 20px rgba(49, 106, 154, 0.35);
  transform: translateY(-4px);
}
.go-top i {
  font-size: 26px;
}

/* Desktop: the fixed call bar is for phones/tablets only (theme missed 1501-1549px) */
@media only screen and (min-width: 992px) {
  .copyright-area .section-warp-btn-1 .default-btn {
    display: none !important;
  }
}

/* Phones and tablets: slimmer call bar, buttons sit above it */
@media only screen and (max-width: 991px) {
  .copyright-area .section-warp-btn-1 .default-btn {
    font-size: 18px;
    font-weight: 600;
    padding: 13px 10px calc(13px + env(safe-area-inset-bottom, 0px));
    border-radius: 0;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
  }
  .copyright-area .section-warp-btn-1 .default-btn i {
    font-size: 22px;
    vertical-align: -3px;
    margin-right: 4px;
  }
  /* keep the footer's last line visible above the fixed call bar */
  body {
    padding-bottom: 54px;
  }
  /* ...and lift the copyright text clear of the WhatsApp / back-to-top buttons */
  .copyright-area {
    padding-bottom: 72px;
  }
  .whatsapp {
    left: 14px;
    bottom: 70px;
  }
  .whatsapp a {
    width: 50px;
    height: 50px;
  }
  .whatsapp img,
  .whatsapp .img-fluid {
    width: 44px;
    height: 44px;
  }
  .go-top {
    right: 14px;
    width: 44px;
    height: 44px;
  }
  .go-top.active {
    bottom: 73px;
  }
  .go-top i {
    font-size: 24px;
  }
}