/* Homepage Specific Fixes - Ensure project cards are always visible */

/* Force project cards to be visible on homepage */
body.homepage .project-card,
.featured-projects .project-card {
    opacity: 1 !important;
    display: block !important;
    transform: none !important;
    visibility: visible !important;
}

/* Remove any AOS animations that might hide cards */
body.homepage .project-card[data-aos],
.featured-projects .project-card[data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

/* Ensure project cards don't get hidden by aria-hidden */
body.homepage .project-card[aria-hidden="true"],
.featured-projects .project-card[aria-hidden="true"] {
    opacity: 1 !important;
    display: block !important;
}

/* Reset any animation states that might hide content */
body.homepage .project-item,
.featured-projects .project-item {
    opacity: 1 !important;
    transform: scale(1) !important;
    display: block !important;
}

/* Allow filter animations but prevent conflicts with other animations */
body.homepage .projects-grid .project-card {
    /* Allow filtering animations but prevent AOS conflicts */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Specific styles for filtered cards - HIGH SPECIFICITY TO OVERRIDE CONFLICTS */
body.homepage .featured-projects .projects-grid.modern-grid .project-card.filtered-out {
    opacity: 0 !important;
    transform: scale(0.95) translateY(10px) !important;
    pointer-events: none !important;
    visibility: hidden !important;
    /* Ensure it still takes up space for smooth grid layout */
}

body.homepage .featured-projects .projects-grid.modern-grid .project-card.filtered-in {
    opacity: 1 !important;
    transform: scale(1) translateY(0) !important;
    pointer-events: auto !important;
    visibility: visible !important;
}

/* Lower specificity fallbacks */
body.homepage .projects-grid .project-card.filtered-out {
    opacity: 0 !important;
    transform: scale(0.95) translateY(10px) !important;
    pointer-events: none;
    visibility: hidden;
}

body.homepage .projects-grid .project-card.filtered-in {
    opacity: 1 !important;
    transform: scale(1) translateY(0) !important;
    pointer-events: auto;
    visibility: visible;
}

/* Ensure smooth grid transitions during filtering */
body.homepage .projects-grid.modern-grid {
    transition: all 0.3s ease;
}

/* Preserve hover effects but ensure base visibility */
body.homepage .project-card:hover {
    transform: translateY(-5px) !important;
}