/* assets/css/seasons.css — сезонные эффекты и кастомный курсор */

/* ============================================================
   СЕЗОННЫЕ ЭФФЕКТЫ ДЛЯ ЭЛЕМЕНТОВ
   ============================================================ */
body.season-winter .discord-sidebar::after {
    background: linear-gradient(180deg, transparent, #4f8cf7, #60a5fa, #7dd3fc, #4f8cf7, transparent);
    opacity: 0.6;
}

body.season-winter .top-bar-enhanced::after {
    background: linear-gradient(90deg, transparent, #4f8cf7, #60a5fa, #7dd3fc, #4f8cf7, transparent);
    opacity: 0.7;
}

body.season-winter .auth-card-new::before {
    background: linear-gradient(135deg, #4f8cf7, #60a5fa, #7dd3fc, #4f8cf7);
}

body.season-spring .discord-sidebar::after {
    background: linear-gradient(180deg, transparent, #22c55e, #f472b6, #fbbf24, #22c55e, transparent);
    opacity: 0.6;
}

body.season-spring .top-bar-enhanced::after {
    background: linear-gradient(90deg, transparent, #22c55e, #f472b6, #fbbf24, #22c55e, transparent);
    opacity: 0.7;
}

body.season-spring .auth-card-new::before {
    background: linear-gradient(135deg, #22c55e, #f472b6, #fbbf24, #22c55e);
}

body.season-summer .discord-sidebar::after {
    background: linear-gradient(180deg, transparent, #f59e0b, #ef4444, #fb923c, #f59e0b, transparent);
    opacity: 0.6;
}

body.season-summer .top-bar-enhanced::after {
    background: linear-gradient(90deg, transparent, #f59e0b, #ef4444, #fb923c, #f59e0b, transparent);
    opacity: 0.7;
}

body.season-summer .auth-card-new::before {
    background: linear-gradient(135deg, #f59e0b, #ef4444, #fb923c, #f59e0b);
}

body.season-autumn .discord-sidebar::after {
    background: linear-gradient(180deg, transparent, #d97706, #dc2626, #f97316, #d97706, transparent);
    opacity: 0.6;
}

body.season-autumn .top-bar-enhanced::after {
    background: linear-gradient(90deg, transparent, #d97706, #dc2626, #f97316, #d97706, transparent);
    opacity: 0.7;
}

body.season-autumn .auth-card-new::before {
    background: linear-gradient(135deg, #d97706, #dc2626, #f97316, #d97706);
}

/* ============================================================
   КАСТОМНЫЙ КУРСОР
   ============================================================ */
.custom-cursor {
    position: fixed !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    border-radius: 50% !important;
    will-change: transform !important;
}

.custom-cursor .cursor-ring {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.custom-cursor.clickable .cursor-ring {
    border-color: rgba(155, 77, 255, 0.4) !important;
}

.custom-cursor.text .cursor-ring {
    border-color: rgba(155, 77, 255, 0.25) !important;
}

.custom-cursor.click {
    transform: translate(-50%, -50%) scale(0.8) !important;
}

.custom-cursor.click .cursor-dot {
    background: radial-gradient(circle, #ffffff, #d400ff) !important;
    box-shadow: 0 0 20px rgba(155, 77, 255, 1), 0 0 40px rgba(155, 77, 255, 0.5) !important;
}

.custom-cursor.clickable {
    border-color: rgba(155, 77, 255, 0.9) !important;
    box-shadow: 0 0 30px rgba(155, 77, 255, 0.4), inset 0 0 30px rgba(155, 77, 255, 0.08) !important;
    background: rgba(155, 77, 255, 0.04) !important;
}

.custom-cursor.text {
    border-color: rgba(155, 77, 255, 0.35) !important;
    box-shadow: 0 0 25px rgba(155, 77, 255, 0.12), inset 0 0 25px rgba(155, 77, 255, 0.02) !important;
}

.custom-cursor.text .cursor-dot {
    width: 2px !important;
    height: 2px !important;
}

/* ============================================================
   СЕЗОННЫЕ СТИЛИ ДЛЯ КУРСОРА
   ============================================================ */
.season-winter .custom-cursor {
    border-color: rgba(79, 140, 247, 0.6) !important;
    box-shadow: 0 0 20px rgba(79, 140, 247, 0.2), inset 0 0 20px rgba(79, 140, 247, 0.03) !important;
}

.season-winter .custom-cursor .cursor-dot {
    background: radial-gradient(circle, #ffffff, #4f8cf7) !important;
    box-shadow: 0 0 10px rgba(79, 140, 247, 0.8), 0 0 20px rgba(79, 140, 247, 0.3) !important;
}

.season-winter .custom-cursor .cursor-ring {
    border-color: rgba(79, 140, 247, 0.12) !important;
}

.season-winter .custom-cursor.clickable {
    background: rgba(79, 140, 247, 0.04) !important;
}

.season-spring .custom-cursor {
    border-color: rgba(34, 197, 94, 0.6) !important;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.2), inset 0 0 20px rgba(34, 197, 94, 0.03) !important;
}

.season-spring .custom-cursor .cursor-dot {
    background: radial-gradient(circle, #ffffff, #22c55e) !important;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.8), 0 0 20px rgba(34, 197, 94, 0.3) !important;
}

.season-spring .custom-cursor .cursor-ring {
    border-color: rgba(34, 197, 94, 0.12) !important;
}

.season-spring .custom-cursor.clickable {
    background: rgba(34, 197, 94, 0.04) !important;
}

.season-summer .custom-cursor {
    border-color: rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.2), inset 0 0 20px rgba(245, 158, 11, 0.03) !important;
}

.season-summer .custom-cursor .cursor-dot {
    background: radial-gradient(circle, #ffffff, #f59e0b) !important;
    box-shadow: 0 0 10px rgba(245, 158, 11, 0.8), 0 0 20px rgba(245, 158, 11, 0.3) !important;
}

.season-summer .custom-cursor .cursor-ring {
    border-color: rgba(245, 158, 11, 0.12) !important;
}

.season-summer .custom-cursor.clickable {
    background: rgba(245, 158, 11, 0.04) !important;
}

.season-autumn .custom-cursor {
    border-color: rgba(217, 119, 6, 0.6) !important;
    box-shadow: 0 0 20px rgba(217, 119, 6, 0.2), inset 0 0 20px rgba(217, 119, 6, 0.03) !important;
}

.season-autumn .custom-cursor .cursor-dot {
    background: radial-gradient(circle, #ffffff, #d97706) !important;
    box-shadow: 0 0 10px rgba(217, 119, 6, 0.8), 0 0 20px rgba(217, 119, 6, 0.3) !important;
}

.season-autumn .custom-cursor .cursor-ring {
    border-color: rgba(217, 119, 6, 0.12) !important;
}

.season-autumn .custom-cursor.clickable {
    background: rgba(217, 119, 6, 0.04) !important;
}

.light-theme .custom-cursor {
    border-color: rgba(124, 58, 237, 0.35) !important;
    box-shadow: 0 0 20px rgba(124, 58, 237, 0.08), inset 0 0 20px rgba(124, 58, 237, 0.02) !important;
}

.light-theme .custom-cursor .cursor-dot {
    background: radial-gradient(circle, #1a1a2e, #7c3aed) !important;
    box-shadow: 0 0 10px rgba(124, 58, 237, 0.3), 0 0 20px rgba(124, 58, 237, 0.12) !important;
}

.light-theme .custom-cursor.clickable {
    background: rgba(124, 58, 237, 0.03) !important;
}