/* Cursor Visibility Fix for Portfolio Pages */

/* Override the custom cursor completely on portfolio pages */
body {
    cursor: auto !important;
}

/* Show the custom animated cursor on portfolio pages */
.cursor,
.cursor-follower {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 99999 !important;
}

/* Ensure cursor shows on hover */
body.cursor-hover .cursor {
    display: block !important;
    visibility: visible !important;
}

/* Ensure standard cursors for all elements */
* {
    cursor: auto;
}

/* Proper cursor types for interactive elements */
a,
button,
[role="button"],
.client-card,
.filter-btn,
.nav-link,
.nav-btn,
.client-link,
.view-work-btn,
.back-home,
.btn-primary,
.btn-secondary {
    cursor: pointer !important;
}

/* Text cursor for inputs */
input,
textarea,
select {
    cursor: text !important;
}

/* Video elements */
video,
iframe {
    cursor: pointer !important;
}

/* Hover states */
a:hover,
button:hover,
.client-card:hover,
.filter-btn:hover {
    cursor: pointer !important;
}

/* Remove pointer events from background elements */
.hero-background,
.animated-bg,
.floating-shape,
.stars-layer,
.nebula-overlay {
    pointer-events: none !important;
}

/* Ensure content is clickable */
.nav-header,
.nav-container,
.portfolio-grid,
.filter-section,
.hero-content {
    pointer-events: auto !important;
    position: relative;
}

/* Fix z-index stacking */
.nav-header {
    z-index: 1000 !important;
}

.portfolio-grid {
    position: relative;
    z-index: 10 !important;
}

.client-card {
    position: relative;
    z-index: 20 !important;
}

/* Disable custom cursor on touch devices only */
@media (hover: none) and (pointer: coarse) {
    .cursor,
    .cursor-follower {
        display: none !important;
    }
    
    * {
        cursor: auto !important;
    }
}

/* Force standard cursor for entire HTML */
html,
html * {
    cursor: auto;
}

html a,
html button {
    cursor: pointer !important;
}

/* Override any inline styles */
[style*="cursor"] {
    cursor: inherit !important;
}