/* ==========================================================================
   CONTENT-TRANSITIONS.CSS - Basic, Clean & High-Performance Transitions
   ========================================================================== */

/* === BASIC SMOOTH SCROLLING & SECTION TRANSITIONS === */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 85px;
}

section {
    position: relative;
}

/* Basic, Clean Fade-Up on Scroll */
.content-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    will-change: opacity, transform;
}

.content-reveal.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Simple Stagger Delays */
.content-reveal.delay-1 { transition-delay: 0.04s; }
.content-reveal.delay-2 { transition-delay: 0.08s; }
.content-reveal.delay-3 { transition-delay: 0.12s; }
.content-reveal.delay-4 { transition-delay: 0.16s; }
.content-reveal.delay-5 { transition-delay: 0.20s; }
.content-reveal.delay-6 { transition-delay: 0.24s; }

/* === BASIC FILTER CONTENT TRANSITION === */
@keyframes basicFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.skill-icon-card.content-morph,
.project-card.content-morph,
.freelance-card.content-morph {
    animation: basicFadeIn 0.3s ease forwards;
}

/* === CLEAN STANDARD CARD HOVER TRANSITIONS === */
.project-card,
.freelance-card,
.cert-card,
.cyber-hub-card,
.skill-icon-card,
.about-dev-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.project-card:hover,
.freelance-card:hover,
.cert-card:hover,
.cyber-hub-card:hover,
.about-dev-card:hover {
    transform: translateY(-4px);
}