/* ==========================================================================
   I'M HERE — floating WhatsApp button

   A round shortcut in the bottom-right corner that opens a WhatsApp chat
   with 07356253220. Used on the organiser and wedding pages. It lifts clear
   of the cookie banner and of the organiser page's sticky mobile CTA so it
   never covers either.
   ========================================================================== */
.wa-float {
  position: fixed;
  right: 20px;
  bottom: 22px;
  z-index: 130;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #25D366;
  color: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
  transition: transform 0.2s ease, background 0.2s ease, bottom 0.3s ease;
}
.wa-float:hover {
  background: #3be07a;
  transform: translateY(-2px) scale(1.04);
}
.wa-float:focus-visible {
  outline: 2px solid #E3A063;
  outline-offset: 3px;
}
.wa-float svg {
  width: 30px;
  height: 30px;
}

/* Organiser page: the sticky "Try it" bar sits along the bottom on phones */
@media (max-width: 768px) {
  .wa-float {
    right: 14px;
    width: 52px;
    height: 52px;
  }
  .wa-float svg {
    width: 27px;
    height: 27px;
  }
  .mcta ~ .wa-float {
    bottom: calc(92px + env(safe-area-inset-bottom, 0px));
  }
}

.ck-active .wa-float {
  bottom: 128px;
}
@media (max-width: 560px) {
  .ck-active .wa-float {
    bottom: 190px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wa-float {
    transition: none;
  }
}