/* BALANCED SHOOTING STAR FIX - KEEPS ALL FUNCTIONALITY */

/* Shooting star background - high but not extreme z-index */
#shooting-star-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* Allow clicks to pass through background */
    z-index: 9999; /* High but reasonable */
}

/* Shooting star containers - clickable and on top */
.shooting-star-container {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 10000; /* Higher than background */
    cursor: pointer;
    pointer-events: auto; /* Enable clicks on stars */
}

.shooting-star {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: white;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: auto; /* Ensure star itself is clickable */
}

/* Background stars - non-interactive */
.star {
    position: absolute;
    border-radius: 50%;
    animation: blink 2s infinite ease-in-out;
    pointer-events: none;
    z-index: 9998;
}

@keyframes blink {
    0%, 100% { opacity: 0.2; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.3); }
}

/* Effects should not block clicks */
.glow {
    position: absolute;
    border-radius: 50%;
    background: white;
    opacity: 0.8;
    animation: fadeout 0.6s forwards;
    pointer-events: none;
    z-index: 10001;
}

@keyframes fadeout {
    to {
        opacity: 0;
        transform: scale(3);
    }
}

.particle {
    position: absolute;
    background: gold;
    border-radius: 50%;
    opacity: 0.9;
    pointer-events: none;
    z-index: 10001;
}

@keyframes fall {
    to {
        transform: translateY(150px);
        opacity: 0;
    }
}

/* SPECIFIC ELEMENTS - Keep original functionality but allow star clicks through */

/* Navbar - keep interactive */
.navbar {
    z-index: 1000;
    pointer-events: auto;
}

.navbar * {
    pointer-events: auto;
}

/* Hero slider - keep interactive but allow stars through non-interactive areas */
.hero-section {
    z-index: 1;
    pointer-events: none; /* Allow stars to be clicked in empty areas */
}

.slider-container {
    z-index: 1;
    pointer-events: none; /* Allow stars through empty areas */
}

.slider {
    z-index: 1;
    pointer-events: none;
}

.slide {
    z-index: 1;
    pointer-events: none;
}

.slide__content {
    pointer-events: none;
}

.slide__text {
    z-index: 2;
    pointer-events: auto; /* Keep text and links clickable */
}

.slide__text * {
    pointer-events: auto;
}

/* Slider controls - keep interactive */
.slider-control {
    z-index: 8;
    pointer-events: auto;
}

.slider-pagi {
    z-index: 9;
    pointer-events: auto;
}

.slider-pagi * {
    pointer-events: auto;
}

/* Skills section - balanced approach */
.skills-section {
    z-index: 3;
    pointer-events: none; /* Allow stars through empty areas */
}

.skills-container {
    pointer-events: none;
}

.skills-header {
    pointer-events: auto; /* Keep text selectable */
}

.skills-header * {
    pointer-events: auto;
}

.role-buttons {
    pointer-events: auto;
}

.role-btn {
    z-index: 5;
    pointer-events: auto;
}

.skills-entity {
    z-index: 3;
    pointer-events: none; /* Allow stars through non-interactive areas */
}

.entity-left {
    pointer-events: none;
}

.entity-right {
    z-index: 4;
    pointer-events: auto; /* Keep skills info interactive */
}

.entity-right * {
    pointer-events: auto;
}

/* Canvas - allow stars to click through */
#radarCanvas {
    pointer-events: none;
}

/* Projects and Contact - keep fully interactive */
.projects-content,
.contact-content,
.project-card,
.contact-form {
    z-index: 5;
    pointer-events: auto;
}

.projects-content *,
.contact-content *,
.project-card *,
.contact-form * {
    pointer-events: auto;
}

/* Forms and inputs - always interactive */
input, textarea, button, select {
    pointer-events: auto !important;
}

/* Links and buttons - always interactive */
a, button, .nav-link, .cta-btn, .slide__text-link, .role-btn, .submit-btn {
    pointer-events: auto !important;
}

/* Prevent text selection when clicking stars */
.shooting-star-container * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Ensure main content areas remain functional */
.main-content {
    z-index: auto;
    pointer-events: none; /* Allow stars through, but children will override */
}

.page {
    pointer-events: none; /* Allow stars through, but children will override */
}

.page.active {
    pointer-events: none; /* Allow stars through, but children will override */
}

/* Trail elements should not block clicks */
.shooting-star > div {
    pointer-events: none;
}