(function () {
    'use strict';

    function initSantaSleigh() {
        const currentPath = window.location.pathname;
        if (currentPath.includes('/learn/')) return;

        if (document.getElementById('santa-sleigh-container')) return;

        // === Контейнер для саней ===
        const container = document.createElement('div');
        container.id = 'santa-sleigh-container';
        Object.assign(container.style, {
            position: 'fixed',
            bottom: '10px',
            left: '0',
            width: '100%',
            height: '180px',
            pointerEvents: 'none',
            zIndex: '10000',
            overflow: 'hidden'
        });
        document.body.appendChild(container);

        // === SVG: Санки + Дед Мороз + Олени ===
        const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
        svg.setAttribute('width', '500');
        svg.setAttribute('height', '120');
        svg.setAttribute('viewBox', '0 0 500 120');
        svg.style.cssText = `
            position: absolute;
            bottom: 0;
            left: -550px;
            animation: sleighRide 35s linear infinite;
        `;

        // Вся сцена
        svg.innerHTML = `
            <defs>
                <!-- Анимация махания рукой -->
                <g id="waving-arm">
                    <path d="M0,0 L8,25 L12,25 L4,0 Z" fill="#ffe0d0">
                        <animateTransform
                            attributeName="transform"
                            attributeType="XML"
                            type="rotate"
                            from="-20 4 0"
                            to="20 4 0"
                            dur="1.2s"
                            repeatCount="indefinite"
                        />
                    </path>
                </g>
            </defs>

            <!-- === Олени (3 штуки) === -->
            <!-- Олень 1 (справа) -->
            <g transform="translate(380, 40)">
                <ellipse cx="0" cy="0" rx="12" ry="8" fill="#8B4513"/>
                <circle cx="-8" cy="-6" r="3" fill="#000"/>
                <circle cx="8" cy="-6" r="3" fill="#000"/>
                <!-- Рога -->
                <path d="M-10,-8 L-15,-15 L-12,-12 L-18,-18" stroke="#A9A9A9" stroke-width="2" fill="none"/>
                <path d="M10,-8 L15,-15 L12,-12 L18,-18" stroke="#A9A9A9" stroke-width="2" fill="none"/>
                <!-- Ноги -->
                <rect x="-4" y="8" width="3" height="15" fill="#8B4513"/>
                <rect x="1" y="8" width="3" height="15" fill="#8B4513"/>
            </g>

            <!-- Олень 2 (центр) -->
            <g transform="translate(300, 35)">
                <ellipse cx="0" cy="0" rx="14" ry="9" fill="#8B4513"/>
                <circle cx="-9" cy="-7" r="3.5" fill="#000"/>
                <circle cx="9" cy="-7" r="3.5" fill="#000"/>
                <path d="M-12,-9 L-18,-18 L-14,-14 L-20,-22" stroke="#A9A9A9" stroke-width="2.2" fill="none"/>
                <path d="M12,-9 L18,-18 L14,-14 L20,-22" stroke="#A9A9A9" stroke-width="2.2" fill="none"/>
                <rect x="-5" y="9" width="3.5" height="16" fill="#8B4513"/>
                <rect x="1.5" y="9" width="3.5" height="16" fill="#8B4513"/>
            </g>

            <!-- Олень 3 (слева) -->
            <g transform="translate(220, 40)">
                <ellipse cx="0" cy="0" rx="12" ry="8" fill="#8B4513"/>
                <circle cx="-8" cy="-6" r="3" fill="#000"/>
                <circle cx="8" cy="-6" r="3" fill="#000"/>
                <path d="M-10,-8 L-15,-15 L-12,-12 L-18,-18" stroke="#A9A9A9" stroke-width="2" fill="none"/>
                <path d="M10,-8 L15,-15 L12,-12 L18,-18" stroke="#A9A9A9" stroke-width="2" fill="none"/>
                <rect x="-4" y="8" width="3" height="15" fill="#8B4513"/>
                <rect x="1" y="8" width="3" height="15" fill="#8B4513"/>
            </g>

            <!-- === Санки === -->
            <g transform="translate(100, 50)">
                <!-- Основа санок -->
                <path d="M0,20 Q20,0 40,20 Q35,25 20,25 Q5,25 0,20 Z" fill="#8B4513"/>
                <!-- Бортик -->
                <rect x="5" y="10" width="30" height="10" rx="3" fill="#A0522D"/>
            </g>

            <!-- === Мешок с подарками в санях === -->
            <g transform="translate(110, 30)">
                <path d="M0,15 Q15,-5 30,15 Q22,22 15,25 Q8,22 0,15 Z" fill="#990000"/>
                <rect x="10" y="12" width="10" height="8" fill="#ff3333" rx="2"/>
                <rect x="14" y="8" width="2" height="12" fill="#ffff00"/>
            </g>

            <!-- === Дед Мороз в санях === -->
            <g transform="translate(120, 20)">
                <!-- Тело -->
                <circle cx="0" cy="15" r="12" fill="#cc0000"/>
                <!-- Голова -->
                <circle cx="0" cy="-2" r="10" fill="#ffe0d0"/>
                <!-- Колпак -->
                <path d="M0,-12 L8,-20 L0,-25 L-8,-20 Z" fill="#cc0000"/>
                <circle cx="0" cy="-25" r="3" fill="#ffffff"/>
                <!-- Глаза -->
                <circle cx="-4" cy="-4" r="1.5" fill="#000"/>
                <circle cx="4" cy="-4" r="1.5" fill="#000"/>
                <!-- Нос -->
                <circle cx="0" cy="-1" r="2" fill="#ff9999"/>
                <!-- Борода -->
                <path d="M-8,0 Q0,8 8,0 Q5,5 0,6 Q-5,5 -8,0 Z" fill="#ffffff"/>

                <!-- Машущая рука (анимированная) -->
                <use href="#waving-arm" x="12" y="5" />
            </g>
        `;

        container.appendChild(svg);

        // === ПОЗДРАВЛЕНИЕ ===
        const greeting = document.createElement('div');
        greeting.id = 'new-year-greeting';
        greeting.textContent = 'С Новым годом!';
        greeting.style.cssText = `
            position: fixed;
            bottom: 120px;
            left: 50%;
            transform: translateX(-50%) scale(0.7);
            color: white;
            font-family: 'Arial', 'Helvetica', sans-serif;
            font-size: 32px;
            font-weight: bold;
            white-space: nowrap;
            opacity: 0;
            z-index: 10001;
            text-shadow: 0 0 10px rgba(0,0,0,0.7), 0 3px 6px rgba(0,0,0,0.9);
            animation: greetingPop 2.5s cubic-bezier(0.34, 1.5, 0.7, 1) 4s forwards;
        `;
        document.body.appendChild(greeting);

        // === СТИЛИ АНИМАЦИЙ ===
        if (!document.getElementById('santa-sleigh-styles')) {
            const style = document.createElement('style');
            style.id = 'santa-sleigh-styles';
            style.textContent = `
                @keyframes sleighRide {
                    0% { transform: translateX(-600px); }
                    100% { transform: translateX(calc(100vw + 200px)); }
                }
                @keyframes greetingPop {
                    0% {
                        opacity: 0;
                        transform: translateX(-50%) scale(0.5);
                        bottom: 80px;
                    }
                    70% {
                        transform: translateX(-50%) scale(1.1);
                    }
                    100% {
                        opacity: 1;
                        transform: translateX(-50%) scale(1);
                        bottom: 120px;
                    }
                }
            `;
            document.head.appendChild(style);
        }
    }

    // Запуск
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initSantaSleigh);
    } else {
        initSantaSleigh();
    }

    // Отслеживание навигации
    let lastPath = window.location.pathname;
    setInterval(() => {
        const path = window.location.pathname;
        if (path === lastPath) return;
        lastPath = path;

        const sleigh = document.getElementById('santa-sleigh-container');
        const greeting = document.getElementById('new-year-greeting');

        if (path.includes('/learn/')) {
            if (sleigh) sleigh.remove();
            if (greeting) greeting.remove();
        } else {
            if (!sleigh) initSantaSleigh();
        }
    }, 1500);
})();