/* ==========================================================================
   ArnaMenu Halloween Theme Layer: Van Gogh Theme
   Selector Scope: body[data-halloween="active"].vg-body
   ========================================================================== */

body[data-halloween="active"].vg-body {
    --vg-midnight: #09060f;
    --vg-deep: #130d1f;
    --vg-cobalt: #1e1330;
    --vg-prussian: #2a1a42;
    --vg-gold: var(--hw-primary, #FF7518);
    --vg-moon: var(--hw-accent, #FFA726);
    --vg-cream: #f4effa;
    --vg-muted: #a39cb0;
    --vg-glow: var(--hw-glow, rgba(255, 117, 24, 0.38));

    background-color: var(--vg-midnight) !important;
    background-image: radial-gradient(ellipse at 80% 20%, rgba(255, 117, 24, 0.15) 0%, transparent 55%),
                      radial-gradient(ellipse at 20% 80%, rgba(138, 43, 226, 0.12) 0%, transparent 60%),
                      linear-gradient(180deg, #09060f 0%, #160f24 100%) !important;
    color: var(--vg-cream) !important;
}

/* Entrance Art & Hero */
body[data-halloween="active"].vg-body .vg-entrance {
    background: radial-gradient(circle at 50% 30%, #1e1330 0%, #09060f 100%) !important;
}

body[data-halloween="active"].vg-body .vg-entrance__art {
    border: 2px solid var(--vg-gold) !important;
    box-shadow: 0 0 30px var(--vg-glow), 0 0 60px rgba(255, 117, 24, 0.2) !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
}

/* Starry / Arty Product Cards */
body[data-halloween="active"].vg-body .vg-card {
    background: var(--vg-deep) !important;
    border: 1px solid rgba(255, 117, 24, 0.22) !important;
    border-radius: var(--hw-btn-radius, 14px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body[data-halloween="active"].vg-body .vg-card:hover {
    border-color: var(--vg-gold) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 32px var(--vg-glow) !important;
}

body[data-halloween="active"].vg-body .vg-price {
    color: var(--vg-moon) !important;
    text-shadow: 0 0 12px rgba(255, 167, 38, 0.5) !important;
    font-weight: 700 !important;
}

/* Buttons */
body[data-halloween="active"].vg-body .vg-stroke-btn--gold,
body[data-halloween="active"].vg-body .vg-stroke-btn {
    background: linear-gradient(135deg, var(--vg-gold), #d84315) !important;
    border-color: var(--vg-moon) !important;
    color: #ffffff !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
    box-shadow: 0 4px 18px var(--vg-glow) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body[data-halloween="active"].vg-body .vg-stroke-btn--gold:hover,
body[data-halloween="active"].vg-body .vg-stroke-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px var(--vg-glow) !important;
}

/* Filter Chips */
body[data-halloween="active"].vg-body .vg-chip {
    background: var(--vg-cobalt) !important;
    color: var(--vg-cream) !important;
    border: 1px solid rgba(255, 117, 24, 0.2) !important;
}

body[data-halloween="active"].vg-body .vg-chip.active {
    background: linear-gradient(135deg, var(--vg-gold), #bf360c) !important;
    color: #ffffff !important;
    border-color: var(--vg-gold) !important;
    box-shadow: 0 4px 16px var(--vg-glow) !important;
}

.vangogh-logo-image {
    display: none !important;
}

#mainContent .vg-entrance {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
        url('/holloween/banner6.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.vg-orbit__glyph img {
    display: none;
}

.vg-orbit__star .vg-orbit__glyph {
    background-image: url('/holloween/element7.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.vg-orbit__star.is-active .vg-orbit__glyph {
    background-image: url('/holloween/element8.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

#menuSearch {
    border: none !important;
    background-color: unset !important;
}

