/* ==========================================================================
   SEASONAL THEMES v2: halloween. Halloween: zucca su nero caldo, un filo di viola.
   Ragnatele negli angoli, due zucche in basso a sinistra e una a destra, la luna con i pipistrelli, un ragnetto che oscilla.
   Solo variabili e disegni: la meccanica e in assets/css/seasonal-v2.css.
   Disegni in assets/img/season/halloween-*.svg (alza ?v= quando ne cambi uno).
   ========================================================================== */

body.season-halloween {
    --season-base-a: #201913;
    --season-base-b: #2e241b;
    --season-dark-a: #151110;
    --season-dark-b: #1e1813;
    --season-veil: rgba(255, 122, 26, 0.08);
    --season-top: rgba(255, 122, 26, 0.19);
    --season-br: rgba(124, 58, 237, 0.09);
    --season-bl: rgba(255, 122, 26, 0.11);
    --season-glass: 31, 25, 21;
    --season-glass-hover: 47, 39, 33;
    --season-glow-1: rgba(255, 122, 26, 0.17);
    --season-glow-2: rgba(124, 58, 237, 0.11);
    --season-bg-1: url("/wp-content/themes/madeprompt/assets/img/season/halloween-web-bg-bl.svg?v=1");
    --season-bg-2: url("/wp-content/themes/madeprompt/assets/img/season/halloween-web-bg-br.svg?v=1");
    --season-bg-3: url("/wp-content/themes/madeprompt/assets/img/season/halloween-web-bg-edge.svg?v=1");
    --season-hang: url("/wp-content/themes/madeprompt/assets/img/season/halloween-spider.svg?v=1");
    --season-hang-anim: season-bob;
    --season-hang-anim-sm: season-bob-sm;
    --season-footer: url("/wp-content/themes/madeprompt/assets/img/season/halloween-skyline.svg?v=2");
}

body.season-halloween .header-gradient-background::before {
    background-image:
        url("/wp-content/themes/madeprompt/assets/img/season/halloween-web.svg?v=1"),
        url("/wp-content/themes/madeprompt/assets/img/season/halloween-web-r.svg?v=1"),
        url("/wp-content/themes/madeprompt/assets/img/season/halloween-pumpkins.svg?v=1"),
        url("/wp-content/themes/madeprompt/assets/img/season/halloween-pumpkin.svg?v=1");
    background-size: 120px 120px, 120px 120px, 132px 76px, 54px 49px;
    background-position:
        left top,
        right top,
        calc(50% - 270px) bottom,
        min(calc(50% + 400px), calc(100% - 24px)) bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}

body.season-halloween .header-gradient-background::after {
    background-image: url("/wp-content/themes/madeprompt/assets/img/season/halloween-moon.svg?v=1");
    background-size: 250px 159px;
    background-position: calc(50% + 300px) center;
}

@media (max-width: 768px) {
    body.season-halloween .header-gradient-background::before {
        background-size: 56px 56px, 56px 56px, 70px 40px, 34px 31px;
        background-position: left top, right top, right 10px bottom, left 14px bottom;
    }

    body.season-halloween .header-gradient-background::after {
        background-size: 92px 59px;
        background-position: calc(50% + 92px) 4px;
    }
}