/* Color Scheme Constants matching original flex banner look */
:root {
  --bs-primary: #1e1e7a; /* Deep Blue from image */
  --bs-warning: #f1c40f; /* Vivid yellow highlights */
  --bs-secondary: #5d6d7e; /* Clean Slate Grey */
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  overflow-x: hidden;
}

/* Custom CSS Horizontal Marquee Slider */
.flyer-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 10px 0;
}

.flyer-marquee-content {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: autoScrollMarquee 25s linear infinite;
}

/* Pauses layout animation when user interacts/hovers with elements */
.flyer-marquee-wrapper:hover .flyer-marquee-content {
  animation-play-state: paused;
}

.flyer-card {
  width: 300px;
  flex-shrink: 0;
}

/* Smooth Infinite translation loop keyframe configuration */
@keyframes autoScrollMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    /* Translates dynamically backward halfway to match duplicate set nodes */
    transform: translateX(-50%);
  }
}