/* 
 * Front Page CSS - Minimal version after Tailwind conversion
 * Most styles have been converted to Tailwind utility classes
 * Only legacy browser support and specialized styles remain
 */

/* Smooth scroll support for older browsers */
html {
    scroll-behavior: smooth;
}

/* Loading animation for dynamic content */
@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

.loading {
    animation: shimmer 2s linear infinite;
    background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
    background-size: 1000px 100%;
}

/* Legacy support for text clipping in older browsers */
.hero-title {
    background: linear-gradient(135deg, #ffffff 0%, #e3f2fd 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Ensure proper layering for complex backgrounds */
.hero-section-custom {
    isolation: isolate;
}

/* Fix WordPress default link styles that interfere with our design */
.card-enhanced a,
.top-scammer-item a,
.view-all-button,
.join-chat-btn,
.quick-action-btn {
    text-decoration: none !important;
    color: inherit !important;
}

.card-enhanced a:hover,
.top-scammer-item a:hover,
.view-all-button:hover,
.join-chat-btn:hover {
    text-decoration: none !important;
}

/* Specific fix for report cards to prevent blue links */
.card-enhanced:hover .text-gray-600 {
    color: rgb(75 85 99) !important; /* Keep gray-600 on hover */
}

.card-enhanced:hover .text-gray-700 {
    color: rgb(55 65 81) !important; /* Keep gray-700 on hover */
}

.card-enhanced:hover .text-gray-800 {
    color: rgb(31 41 55) !important; /* Keep gray-800 on hover */
}

/* Fix for top scammers list to prevent blue hover */
.top-scammer-item h4:hover {
    color: rgb(31 41 55) !important; /* Stay gray-800 instead of blue */
}

/* Additional responsive adjustments not covered by Tailwind */
@media (max-width: 480px) {
    .search-input-large {
        font-size: 16px; /* Prevent zoom on iOS */
    }
}