/**
 * Lightning Cluster Display Styles
 */

/* Lightning cluster circle animation */
.lightning-cluster-circle {
    transition: opacity 0.3s ease;
}

/* Lightning flash icon */
.lightning-flash-icon {
    pointer-events: none;
    z-index: 10000;
}

/* Lightning pulse animation (white-yellow glow) */
@keyframes lightning-pulse {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    20% {
        opacity: 1;
        transform: scale(1.2);
    }
    50% {
        opacity: 0.8;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Lightning flash animation (bolt itself) */
@keyframes lightning-flash {
    0% {
        opacity: 0;
        transform: scale(0.5);
        filter: brightness(2) drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px #ffd700);
    }
    10% {
        opacity: 1;
        transform: scale(1.3);
        filter: brightness(3) drop-shadow(0 0 16px #fff) drop-shadow(0 0 24px #ffd700) drop-shadow(0 0 32px #ffaa00);
    }
    30% {
        opacity: 1;
        transform: scale(1);
        filter: brightness(2) drop-shadow(0 0 12px #fff) drop-shadow(0 0 18px #ffd700);
    }
    100% {
        opacity: 0;
        transform: scale(0.8);
        filter: brightness(1) drop-shadow(0 0 4px #fff);
    }
}

/* Lightning cluster popup */
.lightning-cluster-popup {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    padding: 5px;
}

.lightning-cluster-popup strong {
    color: #FFA500;
    font-size: 14px;
}

/* Pulsing effect for active thunderstorm cells */
.lightning-cluster-circle.active-thunderstorm {
    animation: lightning-pulse 2s ease-in-out infinite;
}

@keyframes lightning-pulse {
    0%, 100% {
        opacity: 0.6;
    }
    50% {
        opacity: 0.3;
    }
}