/* background.css - Shared background styles for Foid.ai */

/* ─── Background Animation & Styles ────────────────────────────────────── */
body {
  background: #FFE9EF;
  background-color: #FFE9EF;
  background-image: -webkit-radial-gradient(#fff 6px, transparent 6px);
  background-image: -moz-radial-gradient(#fff 6px, transparent 6px);
  background-image: -o-radial-gradient(#fff 6px, transparent 6px);
  background-image: radial-gradient(#fff 6px, transparent 6px);
  background-size: 40px 40px;
  background-repeat: repeat;
  background-attachment: fixed;
  -webkit-animation: bgMove 60s linear infinite;
  -moz-animation: bgMove 60s linear infinite;
  -o-animation: bgMove 60s linear infinite;
  animation: bgMove 60s linear infinite;
  overflow-x: hidden;
  /* Force hardware acceleration on mobile */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  /* Prevent background issues on mobile */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
  body {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background-position: 0 0;
  }
}

@-webkit-keyframes bgMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200px 200px;
  }
}

@-moz-keyframes bgMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200px 200px;
  }
}

@-o-keyframes bgMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200px 200px;
  }
}

@keyframes bgMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200px 200px;
  }
}

/* Simplified mobile compatibility */
@media (max-width: 768px) {
  body {
    background-attachment: scroll;
    /* Ensure animation continues on mobile */
    animation: bgMove 60s linear infinite;
    /* Simple mobile acceleration */
    transform: translateZ(0);
  }
}