/* Mauna Elementor · site geneli yüzen düğmeler (WhatsApp + başa dön) */
.mauna-wa-float {
  position: fixed;
  right: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-right, 0px));
  bottom: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-bottom, 0px));
  z-index: 9990;
  width: 52px; height: 52px; border-radius: 999px; display: grid; place-items: center;
  background: #25D366; color: #fff; box-shadow: 0 12px 30px -10px rgba(37, 211, 102, 0.55);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.mauna-wa-float:hover { transform: scale(1.08); }
.mauna-wa-float:focus-visible { outline: 2px solid #1b2333; outline-offset: 3px; }
.mauna-wa-float svg { width: 24px; height: 24px; fill: currentColor; }

.mauna-to-top {
  position: fixed;
  right: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-right, 0px));
  bottom: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-bottom, 0px) + 64px);
  z-index: 9989; width: 44px; height: 44px; border-radius: 999px; display: grid; place-items: center;
  background: #22283a; color: #f7f6f3; border: 0; cursor: pointer;
  box-shadow: 0 12px 30px -12px rgba(24, 27, 49, 0.6);
  opacity: 0; transform: translateY(8px) scale(0.9); pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.mauna-to-top[data-show="true"] { opacity: 1; transform: none; pointer-events: auto; }
.mauna-to-top:hover { background: #d93434; }
.mauna-to-top:focus-visible { outline: 2px solid #d93434; outline-offset: 3px; }
.mauna-to-top svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.mauna-wa-float--left { right: auto; left: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-left, 0px)); }
.mauna-to-top--left { right: auto; left: calc(clamp(14px, 3vw, 26px) + env(safe-area-inset-left, 0px)); }

@media (prefers-reduced-motion: reduce) {
  .mauna-wa-float, .mauna-to-top { transition: opacity 0.001ms; }
  .mauna-wa-float:hover, .mauna-to-top:hover { transform: none; }
}