LotteryV2/website/wwwroot/Millions/css/faq.css

/* FAQ Stylesheet Settings */
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    overscroll-behavior-y: none;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    border-radius: 4px;
}

/* Fluid Animation for the Mascot image */
@keyframes faqFloat {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-8px) rotate(-1.5deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.faq-float-anim {
    animation: faqFloat 6s ease-in-out infinite;
    transform-origin: bottom center;
}

/* Glowing text shadow for Impact question mark */
.faq-question-mark {
    background: linear-gradient(155deg, rgba(229, 40, 62, 1) 38%, rgba(127, 22, 34, 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-text-stroke: 3px #fff;
}

/* Ensure bottom nav is visible immediately on FAQ */
.navigation {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 12px !important;
    width: calc(100% - 1.5rem) !important;
    max-width: 430px !important;
    z-index: 120 !important;
}