/**
 * Botão flutuante WhatsApp (ícone personalizado)
 */
.ksolda-wpp-float {
  position: fixed;
  right: max(1.5rem, env(safe-area-inset-right));
  bottom: max(0.375rem, env(safe-area-inset-bottom));
  z-index: 99998;
  display: block;
  line-height: 0;
  border-radius: 0.75rem;
  transition: transform 0.2s ease, filter 0.2s ease;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.35));
  outline-offset: 4px;
}

.ksolda-wpp-float:hover {
  transform: scale(1.04);
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45));
}

.ksolda-wpp-float:focus-visible {
  outline: 2px solid #25d366;
  outline-offset: 4px;
}

.ksolda-wpp-float img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(132px, 28vw);
  max-height: min(180px, 38vh);
}

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

  .ksolda-wpp-float:hover {
    transform: none;
  }
}

/* Barra de admin do WordPress */
@media screen and (max-width: 782px) {
  body.admin-bar .ksolda-wpp-float {
    bottom: calc(max(0.375rem, env(safe-area-inset-bottom)) + 46px);
  }
}

@media screen and (min-width: 783px) {
  body.admin-bar .ksolda-wpp-float {
    bottom: calc(max(0.375rem, env(safe-area-inset-bottom)) + 32px);
  }
}