/**
 * GansGewild Hover Effect Fixes
 * Fixes oversized shadows and inappropriate hover effects on sections
 */

/* Reset problematic hover effects */
.problem-card:hover,
.service-card:hover,
.team-member:hover,
.pilaar:hover,
.collab-option:hover,
.news-item:hover {
    /* More subtle transform */
    transform: translateY(-5px) scale(1.01) !important;
    /* Smaller, more contained shadow */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    /* Smooth transition */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Fix phase hover effects */
.phase:hover {
    transform: translateY(-3px) scale(1.005) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s ease !important;
}

/* Fix timeline phase hover effects */
.timeline-phase:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
}

/* Fix circle item hover effects */
.circle-item:hover {
    transform: translateY(-3px) scale(1.01) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06) !important;
}

/* Remove hover effects from large sections */
section:hover,
.hero:hover,
.problem-overview:hover,
.solution-overview:hover,
.roadmap-teaser:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Prevent hover effects on containers */
.container:hover,
.section-header:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Fix button hover effects to be more subtle */
.btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* Icon hover effects - more contained */
.icon:hover,
.service-icon:hover,
.pilaar-icon:hover,
.collab-icon:hover,
.info-icon:hover {
    transform: rotate(3deg) scale(1.05) !important;
    transition: all 0.3s ease !important;
}

/* Hero stats hover - more subtle */
.hero .container > div > div > div:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12) !important;
    transition: all 0.3s ease !important;
}

/* Menu item hover effects - prevent spillover */
.menu-item:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Link hover effects - more contained */
a:hover {
    transition: all 0.2s ease !important;
}

/* Prevent hover effects on grid containers */
.problem-grid:hover,
.services-grid:hover,
.team-grid:hover,
.pilaren-grid:hover,
.news-grid:hover,
.social-grid:hover,
.collaboration-options:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Fix footer column hover effects */
.footer-column:hover,
.footer-columns:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* More precise hover boundaries for cards */
.problem-card,
.service-card,
.team-member,
.pilaar,
.collab-option,
.news-item {
    /* Ensure hover effects stay within card boundaries */
    overflow: hidden !important;
    /* Contain the shadow within reasonable bounds */
    isolation: isolate !important;
}

/* Fix hover effects bleeding to parent elements */
.problem-card:hover *,
.service-card:hover *,
.team-member:hover *,
.pilaar:hover *,
.collab-option:hover *,
.news-item:hover * {
    /* Prevent child elements from inheriting transform */
    transform: none !important;
}

/* Specific fixes for homepage sections */
#hero:hover,
#problem-overview:hover,
#solution-overview:hover,
#roadmap-teaser:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Media queries for responsive hover fixes */
@media (max-width: 768px) {
    /* Reduce hover effects on mobile */
    .problem-card:hover,
    .service-card:hover,
    .team-member:hover,
    .pilaar:hover,
    .collab-option:hover,
    .news-item:hover {
        transform: translateY(-2px) scale(1.005) !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    }
    
    .phase:hover,
    .timeline-phase:hover,
    .circle-item:hover {
        transform: translateY(-1px) !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
    }
}

/* Accessibility: Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *:hover {
        transform: none !important;
        transition: none !important;
    }
}

/* High contrast mode adjustments */
@media (prefers-contrast: high) {
    .problem-card:hover,
    .service-card:hover,
    .team-member:hover,
    .pilaar:hover {
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
        border: 2px solid currentColor !important;
    }
}