/* External CSS for CV Application */
/* This file provides minimal non-conflicting overrides */

/* Animation Fallback System - Ensures content is visible if JavaScript fails */
.section, .fade-in-up, .fade-in-left, .fade-in-right, .scale-in {
    /* Set elements visible by default, animations enhance progressively */
    opacity: 1 !important;
    transform: none !important;
}

/* Ensure critical content is always visible */
.header, .container, .section, .connect-section {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure active slides are always visible */
.slide.active, .experience-slide.active {
    display: flex !important;
    opacity: 1 !important;
}

/* Ensure connect section elements are visible */
.connect-grid, .connect-item {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Social links footer needs flex display to show icons horizontally */
.social-links-footer {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Screen reader only utility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Print optimizations */
@media print {
    .no-print {
        display: none !important;
    }

    /* Force all content visible in print */
    .section, .fade-in-up, .fade-in-left, .fade-in-right, .scale-in {
        opacity: 1 !important;
        transform: none !important;
    }

    .slide.active, .experience-slide.active {
        display: flex !important;
        opacity: 1 !important;
    }
}