/* ===== ХЭЛЛОУИН ===== */

/* Тёмно-оранжевая атмосфера */
[data-holiday="halloween"][data-theme="light"] {
    --bg-primary: #1a0f0a;
    --bg-secondary: #22120a;
    --bg-card: #2a1a10;
    --text-primary: #ffb347;
    --text-secondary: #ffa04d;
    --text-link: #ff8c42;
    --border-color: #4a2a1a;
    --shadow-color: rgba(0, 0, 0, 0.5);
    --gradient-start: #ff6b35;
    --gradient-end: #8b00ff;
    --glass-bg: rgba(26, 15, 10, 0.85);
    --input-bg: #2a1a10;
    --input-text: #ffb347;
    --dropdown-bg: #2a1a10;
    --dropdown-text: #ffb347;
}

[data-holiday="halloween"][data-theme="dark"] {
    --bg-primary: #0a0500;
    --bg-secondary: #1a0f0a;
    --bg-card: #22120a;
    --text-primary: #ffb347;
    --text-secondary: #ffa04d;
    --text-link: #ff8c42;
    --border-color: #3a2010;
    --shadow-color: rgba(255, 107, 53, 0.2);
    --gradient-start: #ff6b35;
    --gradient-end: #8b00ff;
    --glass-bg: rgba(10, 5, 0, 0.85);
}

/* ===== ОСНОВНОЙ ФОН И ТЕКСТ ===== */
[data-holiday="halloween"] body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-holiday="halloween"] .app-container,
[data-holiday="halloween"] main {
    background-color: transparent;
    color: var(--text-primary);
}

/* ===== ПАУТИНА СВЕРХУ ===== */
[data-holiday="halloween"] .glass-nav::after {
    content: "🕸️";
    position: absolute;
    top: 100%;
    right: 20px;
    font-size: 30px;
    opacity: 0.6;
    pointer-events: none;
    z-index: 10;
}

/* ===== ТЫКОВКА В УГЛУ ===== */
[data-holiday="halloween"] body::after {
    content: "🎃";
    position: fixed;
    bottom: 20px;
    left: 20px;
    font-size: 60px;
    z-index: 9997;
    animation: pumpkin-bounce 3s ease-in-out infinite;
    pointer-events: none;
    filter: drop-shadow(0 0 15px rgba(255, 107, 53, 0.8));
}

@keyframes pumpkin-bounce {
    0%, 100% {
        transform: translateY(0) rotate(-5deg);
    }

    50% {
        transform: translateY(-15px) rotate(5deg);
    }
}

/* ===== ПАУТИНА В УГЛУ ЭКРАНА ===== */
[data-holiday="halloween"] body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0,0 Q20,20 50,5 M0,0 Q5,20 10,50 M0,0 Q30,10 50,30 M0,0 L50,50 M0,0 Q20,5 5,30 M0,0 Q40,20 30,50" stroke="rgba(200,200,200,0.5)" stroke-width="0.6" fill="none"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 9996;
    opacity: 0.6;
}

/* ===== МОГИЛА / НАДГРОБИЕ В ПРАВОМ УГЛУ ===== */
[data-holiday="halloween"] .app-container::after {
    content: "🪦";
    position: fixed;
    bottom: 20px;
    right: 80px;
    font-size: 50px;
    z-index: 9997;
    animation: tombstone-shake 4s ease-in-out infinite;
    pointer-events: none;
    filter: drop-shadow(0 0 10px rgba(139, 0, 255, 0.6));
}

@keyframes tombstone-shake {
    0%, 90%, 100% {
        transform: rotate(0deg);
    }

    92% {
        transform: rotate(-5deg);
    }

    94% {
        transform: rotate(5deg);
    }

    96% {
        transform: rotate(-3deg);
    }
}

/* ===== ЧЕРЕП / КОСТИ В ПРАВОМ УГЛУ ===== */
[data-holiday="halloween"] .app-container::before {
    content: "💀";
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 45px;
    z-index: 9997;
    animation: skull-glow 2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes skull-glow {
    0%, 100% {
        filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.6));
    }

    50% {
        filter: drop-shadow(0 0 25px rgba(255, 107, 53, 1));
    }
}

/* ===== ПАУЧОК ПОЛЗЁТ ПО ЭКРАНУ ===== */
[data-holiday="halloween"] .hero-section::before {
    content: "🕷️";
    position: fixed;
    top: 100px;
    right: 30px;
    font-size: 30px;
    z-index: 9995;
    animation: spider-crawl 4s ease-in-out infinite;
    pointer-events: none;
    opacity: 0.8;
}

@keyframes spider-crawl {
    0%, 100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }

    25% {
        transform: translateX(-20px) translateY(20px) rotate(15deg);
    }

    50% {
        transform: translateX(-40px) translateY(0) rotate(-15deg);
    }

    75% {
        transform: translateX(-20px) translateY(-20px) rotate(10deg);
    }
}

/* ===== ЗАГОЛОВОК С ТЫКВЕННЫМ СВЕЧЕНИЕМ ===== */
[data-holiday="halloween"] .brand-text,
[data-holiday="halloween"] .brand-highlight {
    text-shadow: 0 0 20px rgba(255, 107, 53, 0.8), 0 0 40px rgba(139, 0, 255, 0.5);
    animation: glow-pulse 2s ease-in-out infinite;
}

@keyframes glow-pulse {
    0%, 100% {
        text-shadow: 0 0 20px rgba(255, 107, 53, 0.8);
    }

    50% {
        text-shadow: 0 0 40px rgba(255, 107, 53, 1), 0 0 60px rgba(139, 0, 255, 0.8);
    }
}

/* ===== КАРТОЧКИ С ПАУТИНОЙ ===== */
[data-holiday="halloween"] .card-glass {
    position: relative;
    overflow: hidden;
    border-color: #4a2a1a;
    background-color: var(--bg-card);
    background-image: radial-gradient(circle at 100% 0%, rgba(139, 0, 255, 0.08) 0%, transparent 50%);
    color: var(--text-primary);
}

    [data-holiday="halloween"] .card-glass::before {
        content: "🕸️";
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 24px;
        opacity: 0.4;
        pointer-events: none;
    }

/* ===== КНОПКИ С ТЫКВАМИ ===== */
[data-holiday="halloween"] .btn-primary-gradient {
    background: linear-gradient(135deg, #ff6b35, #8b00ff) !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.5);
}

    [data-holiday="halloween"] .btn-primary-gradient::before {
        content: "🎃";
        position: absolute;
        left: 8px;
        opacity: 0.8;
    }

/* ===== ИКОНКИ В МЕНЮ ОРАНЖЕВЫЕ ===== */
[data-holiday="halloween"] .nav-link-glass i {
    color: #ff8c42;
}

/* ===== СВЕЧЕНИЕ ОТ ФОНА ===== */
[data-holiday="halloween"] .glass-nav {
    box-shadow: 0 2px 30px rgba(255, 107, 53, 0.5), 0 0 60px rgba(139, 0, 255, 0.4);
}

/* ============================================================
   ПЕРЕОПРЕДЕЛЕНИЕ ВСЕХ ТЕКСТОВ — чтобы не было тёмного на тёмном
   ============================================================ */

/* Все "muted" тексты — светлые */
[data-holiday="halloween"] .text-muted,
[data-holiday="halloween"] .text-secondary,
[data-holiday="halloween"] small,
[data-holiday="halloween"] .small {
    color: var(--text-secondary, #ffa04d) !important;
    opacity: 1 !important;
}

/* Заголовки — ярче */
[data-holiday="halloween"] h1,
[data-holiday="halloween"] h2,
[data-holiday="halloween"] h3,
[data-holiday="halloween"] h4,
[data-holiday="halloween"] h5,
[data-holiday="halloween"] h6,
[data-holiday="halloween"] .h1,
[data-holiday="halloween"] .h2,
[data-holiday="halloween"] .h3,
[data-holiday="halloween"] .h4,
[data-holiday="halloween"] .h5,
[data-holiday="halloween"] .h6 {
    color: var(--text-primary, #ffb347) !important;
}

/* Обычный текст — тоже читаемый */
[data-holiday="halloween"] p,
[data-holiday="halloween"] span:not(.badge),
[data-holiday="halloween"] label,
[data-holiday="halloween"] strong,
[data-holiday="halloween"] b {
    color: var(--text-primary, #ffb347);
}

/* Lead-текст */
[data-holiday="halloween"] .lead {
    color: var(--text-primary, #ffb347) !important;
}

/* Ссылки — ярче (кроме кнопок и навигации) */
[data-holiday="halloween"] a:not(.btn):not(.nav-link-glass):not(.dropdown-item) {
    color: var(--text-link, #ff8c42);
}

    [data-holiday="halloween"] a:not(.btn):not(.nav-link-glass):not(.dropdown-item):hover {
        color: #ffb347;
    }

/* Специально для карточек — чтобы точно читаемо */
[data-holiday="halloween"] .card-glass .text-muted,
[data-holiday="halloween"] .card-glass small,
[data-holiday="halloween"] .card-glass p {
    color: var(--text-secondary, #ffa04d) !important;
}

/* Иконки в тексте — оранжевые */
[data-holiday="halloween"] .card-glass i:not(.text-primary):not(.text-success):not(.text-warning):not(.text-danger):not(.text-info):not([class*="fa-heart"]):not([class*="fa-telegram"]) {
    color: var(--text-secondary, #ffa04d);
}

/* Специально для блоков "Авторы проекта" и подобных */
[data-holiday="halloween"] .card-glass .text-muted strong,
[data-holiday="halloween"] .card-glass strong {
    color: var(--text-primary, #ffb347) !important;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 768px) {
    [data-holiday="halloween"] body::after {
        font-size: 40px;
        bottom: 10px;
        left: 10px;
    }

    [data-holiday="halloween"] body::before {
        width: 150px;
        height: 150px;
    }

    [data-holiday="halloween"] .app-container::after {
        font-size: 36px;
        bottom: 10px;
        right: 70px;
    }

    [data-holiday="halloween"] .app-container::before {
        font-size: 32px;
        bottom: 10px;
        right: 10px;
    }
}