/* 🎴✨ Holofoil Master - Imports All CSS Library Supreme Effects */
/* Created by Cuserob 💖✨ | Session MMW-CC-2025-12-23-001 */

/* ========== CSS LIBRARY SUPREME - POKEMON-STYLE HOLOGRAPHIC EFFECTS ========== */
@import url('./holofoil-effects/v-cards-holofoil.css');
@import url('./holofoil-effects/regular-holo.css');
@import url('./holofoil-effects/radiant-holofoil.css');
@import url('./holofoil-effects/gold-secret-holofoil.css');
@import url('./holofoil-effects/rainbow-secret-holofoil.css');
@import url('./holofoil-effects/vmax-holofoil.css');
@import url('./holofoil-effects/galaxy-holofoil.css');
@import url('./holofoil-effects/vstar-holofoil.css');
@import url('./holofoil-effects/trainer-fullart-holofoil.css');
@import url('./holofoil-effects/gallery-holofoil.css');

/* ========== DIVINE GLOW GRADIENT EFFECTS ========== */
@import url('./divine-glow-gradient-effects.css');

/* ========== CURSOR TRACKING SETUP ========== */
/* Required CSS variables for holographic effects */
:root {
    --mx: 50%;
    --my: 50%;
    --posx: 0;
    --posy: 0;
    --hyp: 0;
    --bg-scale: 1.0;
    --transition-speed: 0.3s;
    --filter-brightness: 0.8;
    --filter-contrast: 2.5;
    --filter-saturate: 0.6;
}

/* ========== CARD HOLOGRAPHIC BACKGROUND LAYER ========== */
/* Positions holographic effects BEHIND card content, not on video */
.card-holo-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    overflow: hidden;
    opacity: 0.3;
}

/* Ensure card content is above the holographic background */
.token-price-card {
    position: relative;
}

.token-price-card > *:not(.card-holo-background):not(.card-glow):not(.card-particles):not(.light-ball):not(.card-aurora) {
    position: relative;
    z-index: 2;
}

/* ========== VIDEO INTEGRATION FIX ========== */
/* Videos are now clean and pristine without holographic effects */
.animation-hero {
    position: relative;
    z-index: 2;
}

.animation-hero .hero-video {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
}

/* ========== TIER PROGRESSION INTENSITY ========== */
/* Starter (90 USDT) - Subtle */
[data-package="starter"] .animation-hero {
    --glow-intensity: 0.5;
}

/* Bronze (425 USDT) - Light */
[data-package="bronze"] .animation-hero {
    --glow-intensity: 0.7;
}

/* Silver (800 USDT) - Medium */
[data-package="silver"] .animation-hero {
    --glow-intensity: 0.85;
}

/* Gold (2k USDT) - Medium-Strong */
[data-package="gold"] .animation-hero {
    --glow-intensity: 1.0;
}

/* Platinum (4k USDT) - Strong */
[data-package="platinum"] .animation-hero {
    --glow-intensity: 1.15;
}

/* Diamond (9k USDT) - Very Strong */
[data-package="diamond"] .animation-hero {
    --glow-intensity: 1.3;
}

/* Whale (25k USDT) - Supreme */
[data-package="whale"] .animation-hero {
    --glow-intensity: 1.5;
}

/* Titan (50k USDT) - MAXIMUM! */
[data-package="titan"] .animation-hero {
    --glow-intensity: 2.0;
}

/* ========== APPLIED EFFECTS SUMMARY ========== */
/*
Tier Assignments (Completed):

1. Starter Pack (90 USDT) → Subtle Blue Gradient
2. Bronze Pack (425 USDT) → Green Gradient (Light)
3. Silver Pack (800 USDT) → V-Cards Holographic + Blue Gradient
4. Gold Pack (2k USDT) → VMax Holographic + Orange Gradient
5. Platinum Pack (4k USDT) → Regular Holo (Pokemon) + Green Gradient
6. Diamond Pack (9k USDT) → Radiant Holographic + Purple Gradient
7. Whale Pack (25k USDT) → Cyan Ocean Gradient (SUPREME)
8. Titan Pack (50k USDT) → Gold Secret Holographic + Golden Gradient (MAXIMUM!)

Effect Progression:
- Lower tiers: Simple gradients only
- Mid tiers: Holographic effects + matching gradients
- High tiers: Premium holographic + intense gradients
- Supreme tiers: MAXIMUM intensity with signature colors!
*/