/* ========== Zeus Chain Staking SVG Icons Styles ========== */

/* SVG Icon Base Styles */
.svg-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: middle;
}

/* Badge Icons (Pool Headers) */
.badge-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: all 0.3s ease;
}

.pool-badge:hover .badge-icon svg {
    filter: drop-shadow(0 3px 8px rgba(99, 102, 241, 0.5));
    transform: scale(1.1);
}

/* Flexible Pool Lightning - Purple */
.pool-badge.flexible .badge-icon svg {
    color: #a78bfa;
}

/* 30 Days Calendar - Blue-Purple */
.pool-badge:not(.flexible):not(.popular-badge):not(.premium-badge):not(.ultra-badge) .badge-icon svg {
    color: #818cf8;
}

/* Popular Pool Badge - Purple Bright */
.popular-badge .badge-icon svg {
    color: #c4b5fd;
}

/* Premium Pool Badge - Gold */
.premium-badge .badge-icon svg {
    color: #fbbf24;
    filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.4));
}

/* Ultra Pool Badge - Ultra Gold */
.ultra-badge .badge-icon svg {
    color: #ffd700;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5));
}

/* Ribbon Icons */
.ribbon-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25rem;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Popular Fire Icon - Animated */
.popular-ribbon .ribbon-icon svg {
    color: #ffffff;
    animation: fireFlicker 2s ease-in-out infinite;
}

@keyframes fireFlicker {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(255, 100, 100, 0.6));
        transform: scale(1);
    }
    50% {
        filter: drop-shadow(0 0 15px rgba(255, 150, 50, 0.8));
        transform: scale(1.1);
    }
}

/* Premium Money Icon */
.gold-ribbon .ribbon-icon svg {
    color: #1a1a2e;
}

/* Ultra Crown Icon */
.ultra-ribbon .ribbon-icon svg {
    color: #1a1a2e;
    animation: crownShine 3s ease-in-out infinite;
}

@keyframes crownShine {
    0%, 100% {
        filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.5));
    }
}

/* Stat Icons (Pool Stats Grid) */
.stat-icon svg {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    transition: all 0.3s ease;
}

/* Clock Icon - Purple */
.stat-icon svg.icon-clock {
    color: #a78bfa;
}

/* Lock Icon - Indigo */
.stat-icon svg.icon-lock {
    color: #818cf8;
}

/* Diamond Icon - Cyan */
.stat-icon svg.icon-diamond {
    color: #22d3ee;
    filter: drop-shadow(0 0 6px rgba(34, 211, 238, 0.3));
}

/* Gift Icon - Pink */
.stat-icon svg.icon-gift {
    color: #f472b6;
}

/* Wallet Icon - Emerald */
.stat-icon svg.icon-wallet {
    color: #10b981;
}

.pool-stat:hover .stat-icon svg {
    transform: scale(1.15) rotate(-5deg);
    filter: brightness(1.2);
}

.pool-stat:hover .stat-icon svg.icon-diamond {
    filter: drop-shadow(0 0 10px rgba(34, 211, 238, 0.5));
}

/* APY Sparkle Icons */
.apy-sparkle svg {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    vertical-align: middle;
}

/* Default Sparkle - Purple Gradient */
.apy-sparkle svg.icon-sparkle {
    color: #a78bfa;
    filter: drop-shadow(0 0 8px rgba(167, 139, 250, 0.5));
    animation: sparkleRotate 4s linear infinite;
}

/* Popular Pool Star - Purple Bright */
.popular-apy .apy-sparkle svg {
    color: #c4b5fd;
    filter: drop-shadow(0 0 10px rgba(196, 181, 253, 0.6));
}

/* Premium Pool Sparkle - Gold */
.premium-apy .apy-sparkle svg {
    color: #fbbf24;
    filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.6));
}

/* Ultra Pool Star - Ultra Gold */
.ultra-apy .apy-sparkle svg.icon-star {
    color: #ffd700;
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.8));
    animation: starPulse 2s ease-in-out infinite;
}

@keyframes starPulse {
    0%, 100% {
        transform: rotate(0deg) scale(1);
        filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.6));
    }
    50% {
        transform: rotate(180deg) scale(1.15);
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 1));
    }
}

/* Button Arrow Icon */
.btn-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.enhanced-btn:hover .btn-icon svg {
    transform: translateX(4px);
}

/* My Stat Icon */
.my-stat-icon svg {
    width: 2.5rem;
    height: 2.5rem;
    color: #a78bfa;
    filter: drop-shadow(0 2px 8px rgba(167, 139, 250, 0.3));
}

/* Responsive Icon Sizes */
@media (max-width: 768px) {
    .stat-icon svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .apy-sparkle svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .ribbon-icon svg {
        width: 1rem;
        height: 1rem;
    }

    .badge-icon svg {
        width: 1rem;
        height: 1rem;
    }
}

@media (max-width: 480px) {
    .stat-icon svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .apy-sparkle svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .my-stat-icon svg {
        width: 2rem;
        height: 2rem;
    }
}

/* Accessibility */
.svg-icon,
.badge-icon svg,
.ribbon-icon svg,
.stat-icon svg,
.apy-sparkle svg,
.btn-icon svg,
.my-stat-icon svg {
    pointer-events: none;
    user-select: none;
}