/* Storepilot Landing — custom helpers (Tailwind via CDN handles most utilities) */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Subtle WhatsApp chat background pattern */
.wa-pattern {
  background-image:
    radial-gradient(rgba(0,0,0,0.04) 1px, transparent 1px),
    linear-gradient(180deg, #ECE5DD 0%, #ECE5DD 100%);
  background-size: 18px 18px, 100% 100%;
}

/* Reveal-on-scroll */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease-out, transform .6s ease-out; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Better focus rings */
:focus-visible {
  outline: 2px solid #1E3A8A;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Custom selection */
::selection { background: #1E3A8A; color: #fff; }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* Image rendering crispness */
img { image-rendering: -webkit-optimize-contrast; }

/* ============ MOBILE SAFETY & POLISH ============ */
/* Prevent any horizontal page scroll caused by decorative absolute elements */
html, body { overflow-x: hidden; max-width: 100vw; }

/* Slightly larger tap targets on mobile for accessibility (44px+) */
@media (max-width: 640px) {
  a, button { min-height: 36px; }
  /* Prevent oversized headlines from overflowing on very small phones */
  h1 { word-break: break-word; hyphens: auto; }
  /* Disable horizontal jitter from translate-y floats on mobile */
  .animate-float-slow,
  .animate-float-mid,
  [class*="animate-float"] { animation: none !important; }
  /* Hide left-floating decorative cards on phones (they overlap content) */
  .float-decor { display: none !important; }
}

/* Smooth tap on iOS (no 300ms delay) */
* { touch-action: manipulation; }

/* Allow long emails / phone numbers to wrap in tight containers */
.contact-value { word-break: break-word; overflow-wrap: anywhere; }