/**
 * Particles Background - Прост модул като на страницата за грешки
 * Просто добави клас .particles-background на контейнера
 */

/* Wrapper (опционално) */
.particles-background-wrapper {
    position: relative;
    overflow: hidden;
}

/* Специално правило за каруселата - overflow: visible за да не прецаква 3D трансформациите */
#platform-features-carousel.particles-background-wrapper {
    overflow: visible;
}

/* Particles контейнер */
.particles-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.particles-background.particles-interactive {
    pointer-events: auto;
}

.particles-background.particles-interactive canvas {
    pointer-events: auto;
}

/* particles.js canvas */
.particles-background canvas {
    display: block;
    vertical-align: bottom;
}

/* Цветови теми - съответстват на трите вида събития */
/* Зелена тема (SimpleEvent) - по подразбиране */
.particles-background.green-theme .particle-dot,
.particles-background:not([class*="theme"]) .particle-dot {
    /* Цветовете се прилагат динамично от JavaScript, но тук са fallback стилове */
}

/* Оранжева тема (Referendum) */
.particles-background.orange-theme .particle-dot {
    background: radial-gradient(circle, rgba(251, 126, 20, 0.7) 0%, rgba(232, 106, 17, 0.4) 40%, rgba(214, 94, 14, 0.2) 70%, transparent 100%);
    box-shadow: 
        0 0 10px rgba(251, 126, 20, 0.5),
        0 0 20px rgba(232, 106, 17, 0.4),
        0 0 30px rgba(214, 94, 14, 0.3),
        0 0 40px rgba(251, 126, 20, 0.1),
        inset 0 0 6px rgba(255, 255, 255, 0.2);
}

/* Светло синя тема (MultiPoll) */
.particles-background.cyan-theme .particle-dot {
    background: radial-gradient(circle, rgba(23, 203, 234, 0.7) 0%, rgba(14, 165, 233, 0.4) 40%, rgba(2, 132, 199, 0.2) 70%, transparent 100%);
    box-shadow: 
        0 0 10px rgba(23, 203, 234, 0.5),
        0 0 20px rgba(14, 165, 233, 0.4),
        0 0 30px rgba(2, 132, 199, 0.3),
        0 0 40px rgba(23, 203, 234, 0.1),
        inset 0 0 6px rgba(255, 255, 255, 0.2);
}

/* Z-index за съдържанието */
.particles-background-wrapper > *:not(.particles-background) {
    position: relative;
    z-index: 2;
}

/* Специално правило за каруселата - не трябва да има position: absolute */
#platform-features-carousel.particles-background-wrapper > *:not(.particles-background) {
    position: relative;
}

/* Специално правило за event картите - баджовете трябва да останат absolute */
.event-card.particles-background-wrapper > .type-label,
.event-card.particles-background-wrapper > .btn-danger {
    position: absolute !important;
    z-index: 10 !important;
}