/* =========================================================
   JDK SITE EFFECTS
   ONLY VISUAL EFFECTS
   NO HOMEPAGE LAYOUT
   Version 2.0
   ========================================================= */

:root {
    --jdk-blue: #1f4fa0;
    --jdk-gold: #f5c400;
    --jdk-glow: rgba(31,79,160,.35);
}

/* =========================================================
   PAGE REVEAL
   ========================================================= */

.jdk-page-reveal {
    animation: jdkPageReveal .7s ease-out both;
}

@keyframes jdkPageReveal {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================
   GENERIC UI BUTTON EFFECT
   ========================================================= */

.jdk-ui-button {
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

    .jdk-ui-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px var(--jdk-glow);
    }

/* =========================================================
   GLASS UTILITY
   ========================================================= */

.jdk-glass {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* =========================================================
   HEADER EFFECT
   ========================================================= */

.top-header {
    transition: background .3s ease, box-shadow .3s ease, transform .3s ease;
}

    .top-header:hover {
        box-shadow: 0 14px 35px rgba(0,0,0,.28);
    }

/* =========================================================
   DEPARTMENT CARD EFFECT
   ========================================================= */

.department-card {
    will-change: transform;
}

    .department-card img {
        will-change: transform;
    }

/* =========================================================
   SERVICE BUTTON EFFECT
   ========================================================= */

.buttons-grid a {
    will-change: transform;
}

/* =========================================================
   SLIDER EFFECT
   ========================================================= */

#courseSlider {
    will-change: transform;
}

    #courseSlider:hover {
        box-shadow: 0 18px 45px rgba(0,0,0,.35);
    }

/* =========================================================
   NEWS EFFECT
   ========================================================= */

.news-item {
    will-change: transform;
}

/* =========================================================
   SOCIAL BUTTON EFFECT
   ========================================================= */

.footer-social a {
    will-change: transform;
}

/* =========================================================
   IMPORTANT
   Network / geometric background intentionally disabled.
   ========================================================= */

#jdkNetworkBackground {
    display: none !important;
}

/* =========================================================
   No pseudo-element geometric effects
   ========================================================= */

.hero-section::before,
.departments-grid::before,
.content-section::after {
    display: none !important;
    content: none !important;
}