/* ========== MOBILE STICKY CALL BUTTON ========== */
/* Floating action button for mobile - improves conversion */

.mobile-sticky-cta {
  display: none; /* Hidden on desktop */
}

@media (max-width: 768px) {
  .mobile-sticky-cta {
    display: flex;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;

    width: 56px;
    height: 56px;
    border-radius: 50%;

    background: var(--orange-500, #FF6B4A);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);

    align-items: center;
    justify-content: center;

    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .mobile-sticky-cta:hover,
  .mobile-sticky-cta:active {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    background: var(--orange-600, #E55536);
  }

  .mobile-sticky-cta svg {
    width: 24px;
    height: 24px;
    stroke: white;
    fill: none;
  }

  /* Hide when cookie banner is visible (avoid overlap) */
  body.cookie-banner-visible .mobile-sticky-cta {
    bottom: 100px;
  }

  /* Pulse animation on load to draw attention */
  @keyframes pulse-ring {
    0% {
      transform: scale(0.8);
      opacity: 1;
    }
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }

  .mobile-sticky-cta::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--orange-500, #FF6B4A);
    animation: pulse-ring 2s ease-out infinite;
    z-index: -1;
  }

  /* Stop animation after 3 pulses (6 seconds) */
  .mobile-sticky-cta.no-pulse::before {
    animation: none;
  }
}

/* Safe area for iPhone notch/home indicator */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  @media (max-width: 768px) {
    .mobile-sticky-cta {
      bottom: calc(20px + env(safe-area-inset-bottom));
    }
  }
}