/* --- NEW ADDITIONS FOR HOME PAGE --- */

/* Infinite Scroll Animation */
.scroller {
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.scroller-inner {
    display: flex;
    gap: 2rem;
    width: max-content;
    animation: scroll 20s linear infinite;
}
@keyframes scroll {
    to { transform: translate(calc(-50% - 1rem)); }
}

/* Big Marquee Text */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.marquee-text {
    font-size: 8rem;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.1);
    display: inline-block;
    animation: marquee 30s linear infinite;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Neon Glow Utilities */
.glow-text { text-shadow: 0 0 20px rgba(201, 255, 0, 0.5); }
.glow-box:hover { box-shadow: 0 0 30px rgba(0, 166, 255, 0.3); }

/* 🚨 ACCESSIBILITY FIXES */

/* Make all gray text lighter for better readability */
.text-gray-400, .text-gray-500, .text-gray-600 {
    color: #d1d5db !important; /* Light Gray */
}

/* Fix the "FRY" text on the egg */
.egg-yolk {
    color: #854d0e !important; /* Dark Brownish-Orange */
}

/* Fix the "NEW" and "JOIN" badges */
.bg-\[\#C9FF00\], .bg-\[\#25D366\], .bg-\[\#FF2D95\] {
    color: #000000 !important; /* Force Black Text on Neon Badges */
}