/* ==========================================================================
   GLOBAL CUSTOM VARIABLES & THEME ROOT CONFIGURATIONS
   ========================================================================== */
:root {
    --primary-maroon: #800020;
    --accent-gold: #FFD700;
    --light-bg: #fdfbf7;
    --navbar-light-bg: rgba(253, 251, 247, 0.95);
    --navbar-dark-bg: rgba(30, 30, 30, 0.95);
}

/* Dynamic Smooth Navbar Realignment States */
.dynamic-navbar {
    background-color: var(--navbar-light-bg);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid rgba(128, 0, 32, 0.1);
}

html[data-theme="dark"] .dynamic-navbar {
    background-color: var(--navbar-dark-bg);
    border-bottom: 2px solid rgba(255, 215, 0, 0.1);
}

/* ==========================================================================
   THE 3D ROTATING ORBIT ENGINE IMPLEMENTATION
   ========================================================================== */
.orbit-universe-wrapper {
    perspective: 1000px;
}

/* Continuous 360-degree loop rotation configuration */
@keyframes continuousOrbitLoop {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animate-orbit {
    animation: continuousOrbitLoop 35s linear infinite;
    transform-style: preserve-3d;
}

/* Pause the complete track loop engine when hovering over the container layout */
.orbit-track-ring:hover {
    animation-play-state: paused;
}

/* Reverse-rotate individual cards inside the system to retain absolute readability verticality alignment */
@keyframes counterActRotationLoop {
    0% {
        transform: rotate(0deg) scale(1);
    }
    100% {
        transform: rotate(-360deg) scale(1);
    }
}

.planet-card {
    animation: counterActRotationLoop 35s linear infinite;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Handle system freezing states and programmatic micro-scaling scaling properties */
.orbit-track-ring:hover .planet-card {
    animation-play-state: paused;
}

.planet-card:hover {
    transform: rotate(var(--curr-rot, 0deg)) scale(1.3) !important;
    border-color: var(--accent-gold) !important;
    box-shadow: 0 20px 40px rgba(128, 0, 32, 0.3) !important;
    z-index: 50;
}

html[data-theme="dark"] .planet-card:hover {
    box-shadow: 0 20px 40px rgba(255, 215, 0, 0.2) !important;
}

/* ==========================================================================
   CAMPUS SHOWCASE CARDS TRANSFORMATIONS
   ========================================================================== */
.campus-showcase-box {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.3s;
}

.campus-showcase-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(128, 0, 32, 0.12);
    border-color: var(--primary-maroon);
}

html[data-theme="dark"] .campus-showcase-box:hover {
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.08);
    border-color: var(--accent-gold);
}

/* ==========================================================================
   INSTAGRAM LIVE HOVER BRAND GRADIENT
   ========================================================================== */
.social-deck-icon {
    transition: transform 0.2s ease, background 0.3s ease;
}

.instagram-gradient-active {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
/* ==========================================================================
   ORBIT CLICK PASS-THROUGH FIX (PERFECT FOR ANANT GROUP HTML)
   ========================================================================== */


.orbit-universe-wrapper,
.orbit-track-ring {
    pointer-events: none !important; 
}


.solar-core-badge,
.planet-node,
.planet-card,
.planet-node * {
    pointer-events: auto !important; 
    cursor: pointer !important;
}


.solar-core-badge {
    z-index: 20 !important;
}

.planet-node {
    z-index: 30 !important;
}


@media (max-width: 640px) {
    .orbit-universe-wrapper {
        height: 480px !important; 
    }
    
    .orbit-track-ring {
        width: 300px !important;
        height: 300px !important;
    }

    .planet-card {
        width: 105px !important; 
        padding: 6px !important;
    }

    .planet-card i {
        font-size: 1.1rem !important;
        margin-bottom: 2px !important;
    }

    .planet-card span {
        font-size: 0.65rem !important;
        line-height: 1 !important;
    }
}