/* ==========================================================================
   ArnaMenu Halloween Theme Layer: Pinch Theme
   Selector Scope: body[data-halloween="active"].pc-body
   ========================================================================== */

body[data-halloween="active"].pc-body {
    --pc-ivory: #110e17;
    --pc-cream: #181322;
    --pc-concrete: #271f34;
    --pc-green: var(--hw-primary, #FF7518);
    --pc-green-deep: var(--hw-secondary, #2B1704);
    --pc-spice: var(--hw-accent, #FFA726);
    --pc-text: #f2eef8;
    --bw-gold: var(--hw-primary, #FF7518);
    --pc-glow: var(--hw-glow, rgba(255, 117, 24, 0.35));

    background-color: var(--pc-ivory) !important;
    background-image: linear-gradient(180deg, #110e17 0%, #1a1424 100%) !important;
    color: var(--pc-text) !important;
}

body[data-halloween="active"].pc-body .pc-hero__photo {
    border: 2px solid var(--pc-green) !important;
    box-shadow: 0 0 25px var(--pc-glow) !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
}

body[data-halloween="active"].pc-body .pc-card {
    background: var(--pc-cream) !important;
    border: 1px solid rgba(255, 117, 24, 0.2) !important;
    border-radius: var(--hw-btn-radius, 12px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

body[data-halloween="active"].pc-body .pc-btn,
body[data-halloween="active"].pc-body .pc-btn--primary {
    background: var(--pc-green) !important;
    border-color: var(--pc-spice) !important;
    color: #ffffff !important;
    border-radius: var(--hw-btn-radius, 10px) !important;
    box-shadow: 0 4px 16px var(--pc-glow) !important;
}

.pc-home__editorial figure{
    display: none;
}

.pc-home, .pc-main{
    background-image: url(/holloween/banner3.jpg);
    background-size: contain !important;
    min-height: 20vh;
}

.pc-home__index-head{
    padding: 15px;
    border-radius: 15px;
}

.pc-home__space img{
    display: none;
}

.flr-cart-fab.pc-cart-fab{
    background: var(--pc-green) !important;
}

.pc-bottom-nav__emblem  img{
    display: none !important;
}

.pc-bottom-nav__emblem {
    background-image: url(/holloween/element5.png);
    background-size: cover;
}

.pc-variant-row{
    background: color-mix(in srgb, var(--pc-white) 40%, var(--pc-cream));
}