/* ========================================================
   Хани Пряни — Праздничная тема «Осенняя / Хэллоуин»
   Яркая тыква, сочная эктоплазма, шляпы ведьмы и премиальный уют
   ======================================================== */

body.theme-halloween {
    --accent-pumpkin: #FF6D00;
    --accent-pumpkin-light: #FF9E1B;
    --accent-pumpkin-glow: rgba(255, 109, 0, 0.35);
    --accent-ectoplasm: #00E676;
    --accent-ectoplasm-light: #76FF03;
    --accent-ectoplasm-glow: rgba(0, 230, 118, 0.28);
    --accent-witch-purple: #3A1C52;
}

/* 1. Логотип в шапке без белой подложки — парит на фоне шапки */
body.theme-halloween .site-header .logo,
body.theme-halloween .drawer-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.7)) 
            drop-shadow(0 0 16px rgba(255, 109, 0, 0.4)) 
            drop-shadow(0 0 24px rgba(0, 230, 118, 0.2));
    transition: transform 0.3s ease, filter 0.3s ease;
}

body.theme-halloween .site-header .logo:hover,
body.theme-halloween .drawer-logo:hover {
    transform: translateY(-1px) scale(1.02);
    box-shadow: none !important;
    border: none !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.85)) 
            drop-shadow(0 0 22px rgba(255, 109, 0, 0.6)) 
            drop-shadow(0 0 32px rgba(0, 230, 118, 0.35));
}

body.theme-halloween .site-header .logo img {
    height: 64px;
    display: block;
    transition: height 0.3s ease;
}

body.theme-halloween .site-header.scrolled .logo img {
    height: 52px;
}

body.theme-halloween .drawer-logo img {
    height: 38px;
}

@media (max-width: 900px) {
    body.theme-halloween .site-header .logo img {
        height: 48px;
        max-width: calc(100vw - 100px);
        width: auto;
    }
    body.theme-halloween .site-header.scrolled .logo img {
        height: 40px;
    }
}

/* 2. Шапка сайта (Landing) — геометрия 1-в-1 с оригиналом, темный тыквенно-эктоплазменный градиент */
body.theme-halloween .site-header.is-landing {
    background: linear-gradient(
        135deg, 
        rgba(32, 12, 3, 0.44) 0%, 
        rgba(10, 10, 10, 0.38) 50%, 
        rgba(7, 26, 12, 0.42) 100%
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 109, 0, 0.18);
    transition: padding 0.5s cubic-bezier(0.77, 0, 0.175, 1), 
                background 0.4s ease, 
                border-color 0.4s ease, 
                box-shadow 0.4s ease,
                backdrop-filter 0.4s ease;
}

/* При скролле (is-landing.scrolled) — бархатный темный градиент с золотисто-тыквенным оттенком */
body.theme-halloween .site-header.is-landing.scrolled {
    background: linear-gradient(
        135deg, 
        rgba(36, 14, 4, 0.88) 0%, 
        rgba(10, 10, 10, 0.92) 50%, 
        rgba(10, 32, 15, 0.88) 100%
    );
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 109, 0, 0.32);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55), 
                0 0 30px rgba(255, 109, 0, 0.12);
}

/* 3. Шапка на внутренних страницах (is-inner) */
body.theme-halloween .site-header.is-inner {
    background: linear-gradient(
        135deg, 
        rgba(36, 14, 4, 0.88) 0%, 
        rgba(10, 10, 10, 0.92) 50%, 
        rgba(10, 32, 15, 0.88) 100%
    );
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 109, 0, 0.32);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

/* 4. Хэллоуинский бейдж в Hero-блоке главной страницы */
body.theme-halloween .ny-hero-badge,
body.theme-halloween .halloween-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 18px;
    border-radius: 999px;
    background: rgba(255, 109, 0, 0.08);
    border: 1px solid rgba(255, 109, 0, 0.45);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 22px rgba(255, 109, 0, 0.22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    margin-bottom: 20px;
    font-size: 0.82rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #FFE0B2;
    font-weight: 500;
    animation: hw-fade-down 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

body.theme-halloween .ny-hero-badge .ny-badge-sparkle,
body.theme-halloween .halloween-hero-badge .hw-badge-sparkle {
    font-size: 1rem;
    display: inline-block;
    filter: drop-shadow(0 0 6px rgba(255, 109, 0, 0.8));
    animation: hw-bounce 2.6s ease-in-out infinite alternate;
}

/* 4.0 Фоновый хэллоуинский баннер Hero с пряником на столе с тыквами */
body.theme-halloween .hero-bg {
    background-image: url('hero.webp');
    opacity: 0.76;
}

/* Мягкий полупрозрачный градиент для комфортного чтения текста слева */
body.theme-halloween .hero-gradient {
    background: linear-gradient(90deg, rgba(5, 5, 5, 0.72) 0%, rgba(5, 5, 5, 0.35) 50%, rgba(5, 5, 5, 0.1) 100%),
                linear-gradient(180deg, rgba(5, 5, 5, 0.1) 0%, rgba(5, 5, 5, 0.35) 65%, rgba(5, 5, 5, 0.95) 100%);
}

/* 4.1 Остроконечная шляпа ведьмы (Magic Witch Hat) на букве «П» в главном заголовке */
body.theme-halloween .ny-hat-letter {
    position: relative;
    display: inline-block;
}

body.theme-halloween .ny-hat-letter::before {
    content: '';
    position: absolute;
    /* Точные пропорциональные em-координаты для идеальной посадки на десктопе и в мобильной адаптации */
    top: -0.34em;
    left: 0.06em;
    width: 0.86em;
    height: 0.86em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='21' cy='35' rx='18' ry='4.5' fill='rgba(0,0,0,0.45)'/%3E%3Cpath d='M3 33 C 12 28, 38 28, 45 33 C 40 37, 10 37, 3 33 Z' fill='%231B0A2A'/%3E%3Cellipse cx='24' cy='32.5' rx='20' ry='4' fill='%232D1245' stroke='%230E0317' stroke-width='0.8'/%3E%3Cpath d='M12 31.5 Q 22 17, 40 8 Q 42 7.5, 41 12 Q 31 19, 29 31.5 Z' fill='%23220A38' stroke='%2312041E' stroke-width='1'/%3E%3Cpath d='M12 30.5 C 18 28.5, 25 28.5, 29 30.5 L 29 33 C 25 31, 18 31, 12 33 Z' fill='%2300E676'/%3E%3Crect x='18' y='28.5' width='7' height='5' rx='1.2' fill='none' stroke='%23FFD54F' stroke-width='1.5'/%3E%3Ccircle cx='41.5' cy='8' r='2.2' fill='%23FFD54F'/%3E%3Cpath d='M42.5 2 Q 42.5 5, 40.5 5 Q 42.5 5, 42.5 8 Q 42.5 5, 44.5 5 Q 42.5 5, 42.5 2 Z' fill='%2376FF03'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    z-index: 2;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.6));
    transform-origin: 25% 85%;
    transform: rotate(18deg);
}

/* 5. Хэллоуинское тыквенно-эктоплазменное свечение карточек при ховере */
body.theme-halloween .listing-card:hover,
body.theme-halloween .grid-item:hover,
body.theme-halloween .catalog-card:hover {
    border-color: rgba(255, 109, 0, 0.55);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55), 
                0 0 24px rgba(255, 109, 0, 0.28), 
                0 0 45px rgba(0, 230, 118, 0.14);
}

/* 6. Карточки цен */
body.theme-halloween .price-card__accent {
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 109, 0, 0.6) 25%, 
        rgba(0, 230, 118, 0.6) 50%, 
        rgba(255, 109, 0, 0.6) 75%, 
        transparent 100%
    );
}

body.theme-halloween .price-card:hover {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55), 0 0 25px rgba(255, 109, 0, 0.2);
}

/* 7. Логотип в подвале сайта (Footer) без белой подложки */
body.theme-halloween .site-footer .footer-logo {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.7)) 
            drop-shadow(0 0 16px rgba(255, 109, 0, 0.35));
    transition: transform 0.3s ease, filter 0.3s ease;
}

body.theme-halloween .site-footer .footer-logo:hover {
    transform: scale(1.02);
    border: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.85)) 
            drop-shadow(0 0 24px rgba(255, 109, 0, 0.55));
}

body.theme-halloween .site-footer .footer-logo img {
    height: 36px;
    display: block;
}

/* 8. Хэллоуинское оформление онлайн-чата */
body.theme-halloween .chat-trigger-btn {
    background: linear-gradient(135deg, #1F0A02 0%, #121212 50%, #06190B 100%);
    border: 1px solid rgba(255, 109, 0, 0.5);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55), 
                0 0 20px rgba(255, 109, 0, 0.3), 
                0 0 35px rgba(0, 230, 118, 0.16);
}

body.theme-halloween .chat-trigger-btn:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.65), 
                0 0 28px rgba(255, 109, 0, 0.5), 
                0 0 45px rgba(0, 230, 118, 0.28);
    border-color: rgba(255, 158, 27, 0.75);
}

/* Шляпа ведьмы на иконке чата */
body.theme-halloween .chat-trigger-btn:not(.is-active) .icon-container::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cellipse cx='18' cy='29' rx='14' ry='3.5' fill='rgba(0,0,0,0.38)'/%3E%3Cpath d='M4 27 C 11 23, 31 23, 37 27 C 33 30, 9 30, 4 27 Z' fill='%231B0A2A'/%3E%3Cellipse cx='20.5' cy='26.5' rx='16.5' ry='3.2' fill='%232D1245'/%3E%3Cpath d='M10 25.5 Q 18 13, 33 6 Q 34 5.5, 33 9 Q 25 15, 24 25.5 Z' fill='%23220A38' stroke='%23140522' stroke-width='0.8'/%3E%3Cpath d='M10 24.5 C 15 22.8, 21 22.8, 24 24.5 L 24 26.5 C 21 24.8, 15 24.8, 10 26.5 Z' fill='%2300E676'/%3E%3Crect x='15' y='23' width='5.5' height='4' rx='1' fill='none' stroke='%23FFB300' stroke-width='1.2'/%3E%3Ccircle cx='34' cy='6' r='1.8' fill='%23FFD54F'/%3E%3Cpath d='M35 1 Q 35 3.5, 33.5 3.5 Q 35 3.5, 35 6 Q 35 3.5, 36.5 3.5 Q 35 3.5, 35 1 Z' fill='%2376FF03'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
    z-index: 5;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
    transform: rotate(-8deg);
}

/* Тыква рядом с надписью «Чат с нами» */
body.theme-halloween .chat-trigger-btn .btn-label::after {
    content: ' 🎃';
    font-size: 14px;
    margin-left: 3px;
    display: inline-block;
}

/* Окно чата */
body.theme-halloween .chat-main-window {
    border: 1px solid rgba(255, 109, 0, 0.4);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75), 
                0 0 35px rgba(255, 109, 0, 0.18), 
                0 0 55px rgba(0, 230, 118, 0.1);
}

/* Шапка окна чата с тыквенно-эктоплазменным полупрозрачным градиентом */
body.theme-halloween .chat-top-bar {
    background: linear-gradient(
        135deg, 
        rgba(36, 12, 3, 0.96) 0%, 
        rgba(15, 15, 15, 0.98) 50%, 
        rgba(8, 28, 12, 0.96) 100%
    );
    border-bottom: 1px solid rgba(255, 109, 0, 0.32);
    position: relative;
}

body.theme-halloween .chat-top-bar::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 109, 0, 0.5) 20%, 
        rgba(0, 230, 118, 0.6) 50%, 
        rgba(255, 109, 0, 0.5) 80%, 
        transparent 100%
    );
    pointer-events: none;
}

body.theme-halloween .chat-top-bar h4::before {
    content: '🎃 ';
}

/* 9. Анимации */
@keyframes hw-fade-down {
    0% {
        opacity: 0;
        transform: translateY(-8px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hw-bounce {
    0% {
        transform: scale(1) rotate(0deg);
    }
    50% {
        transform: scale(1.15) rotate(-6deg);
    }
    100% {
        transform: scale(1) rotate(6deg);
    }
}