/* Fix for Modern Portfolio Sections - Prevent disappearing elements */

/* Override transition animations for modern sections */
.modern-portfolio-sections .section {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Prevent fade animations on modern sections */
.modern-portfolio-sections .section.transitioning-out,
.modern-portfolio-sections .section.transitioning-in,
.modern-portfolio-sections .section.active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override animation effects for content inside modern sections */
.modern-portfolio-sections .section.transitioning-out > *,
.modern-portfolio-sections .section.transitioning-in > * {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

/* Ensure all modern section content is always visible */
.modern-hero,
.modern-hero *,
.modern-about,
.modern-about *,
.modern-experience,
.modern-experience *,
.modern-projects,
.modern-projects * {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
}

/* Keep containers always visible */
.modern-hero .hero-content,
.modern-about .container,
.modern-experience .container,
.modern-projects .container {
    opacity: 1 !important;
    visibility: visible !important;
    display: grid !important;
}

/* Ensure text elements are visible */
.modern-hero .hero-title,
.modern-hero .hero-subtitle,
.modern-hero .hero-description,
.modern-about .section-title,
.modern-experience .section-title,
.modern-projects .section-title,
.modern-portfolio-sections p,
.modern-portfolio-sections h1,
.modern-portfolio-sections h2,
.modern-portfolio-sections h3 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Fix for project cards */
.modern-projects .project-card,
.modern-projects .project-content,
.modern-projects .project-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for timeline items */
.modern-experience .timeline-item,
.modern-experience .timeline-content {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for skills grid */
.modern-about .about-grid,
.modern-about .skills-grid,
.modern-about .skill-category {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for buttons and links */
.modern-hero .btn,
.modern-hero .tag,
.modern-projects .badge,
.modern-projects .btn-play,
.modern-projects .btn-view,
.modern-projects .btn-secondary {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override section active state */
.modern-portfolio-sections .section:not(.active) {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Smooth scroll for modern sections */
.modern-portfolio-sections {
    scroll-behavior: smooth;
}

/* Ensure images are visible */
.modern-hero .profile-img,
.modern-projects .project-image img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix z-index issues */
.modern-portfolio-sections .section {
    z-index: 10;
    position: relative;
}

/* Disable observer-based animations for modern sections */
.modern-portfolio-sections [data-observe],
.modern-portfolio-sections .fade-in,
.modern-portfolio-sections .slide-up {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}