/* 
   Result Hunter - Modern Utility Styles
*/

:root {
    color-scheme: light dark;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.animate-fade-in {
    animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Base resets or specific overrides if needed */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar for a premium look */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.dark ::-webkit-scrollbar-thumb {
    background: #334155;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

.ad-container-tailwind {
    width: 100%;
}

/* Mobile Optimizations */
@media (max-width: 640px) {

    html,
    body {
        overflow-x: hidden;
        position: relative;
    }

    .patriotic-text {
        letter-spacing: -0.01em;
    }

    /* Prevent large text from breaking layout on small phones */
    h2 {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }

    h3 {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
}

/* Quick Answer highlight */
.quick-answer {
    background-color: #fef08a; /* Tailwind yellow-200 */
    color: #1e293b; /* Tailwind slate-800 */
    font-weight: 700;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
    box-shadow: none;
}

.dark .quick-answer {
    background-color: rgba(234, 179, 8, 0.2); /* Tailwind yellow-500/20 */
    color: #fef08a; /* Tailwind yellow-200 */
    font-weight: 700;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
}