/* Decorative only. All spacing and artwork disappear with the seasonal switch. */
.vic-christmas {
    position: relative;
    max-width: min(1170px, calc(100% - 24px));
    margin: 12px auto 16px;
    pointer-events: none;
}
.vic-christmas__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(10px, 3vw, 42px);
    max-width: 780px;
    margin-inline: auto;
    background: radial-gradient(ellipse at center, #faf0dd70, transparent 67%);
}
.vic-christmas__art {
    display: block;
    object-fit: contain;
    width: clamp(38px, 12vw, 126px);
    height: 61px;
    min-width: 0;
    margin: 0;
}
.vic-christmas__art--main {
    width: clamp(92px, 24vw, 224px);
    height: 88px;
}
.vic-christmas--top .vic-christmas__inner { max-width: 1015px; }
.vic-christmas--top { margin-block: 2px 13px; }
.vic-christmas--top.vic-christmas--article .vic-christmas__inner { max-width: 740px; }
.vic-christmas--top.vic-christmas--article .vic-christmas__art { height: 44px; }
.vic-christmas--top.vic-christmas--article .vic-christmas__art--main { height: 62px; }
.vic-christmas--middle { margin-block: 13px 22px; }
.vic-christmas--middle .vic-christmas__inner { max-width: 880px; }
.vic-christmas--article.vic-christmas--middle .vic-christmas__inner { max-width: 650px; }
.vic-christmas--article.vic-christmas--middle .vic-christmas__art { height: 44px; }
.vic-christmas--article.vic-christmas--middle .vic-christmas__art--main { height: 62px; }
.vic-christmas--chapter .vic-christmas__inner {
    max-width: 780px;
    background: none;
}
.vic-christmas--chapter.vic-christmas--start .vic-christmas__inner { margin-inline-start: 0; }
.vic-christmas--chapter.vic-christmas--end .vic-christmas__inner { margin-inline-end: 0; }
.vic-christmas--chapter .vic-christmas__art { height: 51px; width: clamp(69px, 15vw, 152px); }
.vic-christmas--chapter .vic-christmas__art--main { height: 57px; }
.vic-christmas--chapter .vic-christmas__inner::before {
    content: "";
    order: 1;
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #cb9b47 30%, #d12639 50%, #cb9b47 70%, transparent);
    opacity: .55;
}
.vic-christmas--chapter .vic-christmas__art--main { order: 2; }
.vic-christmas-margins { display: none; }

@media (min-width: 1030px) {
    body:not(.vic-sponsored-page) .container.vic-christmas-framed { position: relative; }
    body:not(.vic-sponsored-page) .container.vic-christmas-framed > .vic-christmas-margins {
        position: absolute;
        display: block;
        inset: 0;
        pointer-events: none;
    }
    .vic-christmas-margin {
        position: absolute;
        inset-block: 0;
        /* 100% is the actual content width, including any space reserved by VIC Edge. */
        width: clamp(0px, calc((100vw - 100%) / 2 - 19px), 148px);
        display: flex;
        flex-direction: column;
        gap: clamp(76px, 12vh, 145px);
        padding-top: 50px;
        overflow: hidden;
        box-sizing: border-box;
        -webkit-mask-image: linear-gradient(#000 0, #000 calc(100% - 92px), transparent);
        mask-image: linear-gradient(#000 0, #000 calc(100% - 92px), transparent);
        background:
            radial-gradient(circle at 78% 24px, #cfa44c 0 1.4px, transparent 2px) 0 0 / 100% 165px repeat-y,
            radial-gradient(circle at 27% 72px, #ae2636 0 1px, transparent 1.8px) 0 0 / 100% 165px repeat-y;
    }
    .vic-christmas-margin--left { right: calc(100% + 9px); }
    .vic-christmas-margin--right { left: calc(100% + 9px); padding-top: 128px; }
    body.vic-edge-left-rail .vic-christmas-margin--left,
    body:has(.vic-edge-floating[data-side="left"]:not([hidden])) .vic-christmas-margin--left { display: none; }
    body:has(.vic-edge-floating[data-side="right"]:not([hidden])) .vic-christmas-margin--right { display: none; }
    .vic-christmas-margin__art {
        display: block;
        flex: 0 0 94px;
        width: 100%;
        background: center / contain no-repeat;
        background-image: url("../img/vic-christmas-2026/baubles.webp");
    }
    .vic-christmas-margin__art:nth-child(4n+2) { background-image: url("../img/vic-christmas-2026/poinsettia.webp"); }
    .vic-christmas-margin__art:nth-child(4n+3) { background-image: url("../img/vic-christmas-2026/bells.webp"); }
    .vic-christmas-margin__art:nth-child(4n) { background-image: url("../img/vic-christmas-2026/stars.webp"); }
    .vic-christmas-margin--left .vic-christmas-margin__art:nth-child(2n) { transform: scaleX(-1); }
    .vic-christmas-margin--right .vic-christmas-margin__art:nth-child(2n+1) { transform: scaleX(-1); }
}
/* No meaningful outside gutter at the first desktop container breakpoint, unless Edge has narrowed the article. */
@media (min-width: 1200px) and (max-width: 1249.98px) {
    body:not(.vic-edge-left-rail) .vic-christmas-margin { display: none; }
}
@media (max-width: 575.98px) {
    .vic-christmas { margin-block: 9px 12px; }
    .vic-christmas__art { width: clamp(48px, 20vw, 76px); height: 39px; }
    .vic-christmas__art--main { width: clamp(105px, 36vw, 151px); height: 60px; }
    .vic-christmas--top.vic-christmas--article .vic-christmas__art,
    .vic-christmas--article.vic-christmas--middle .vic-christmas__art { height: 34px; }
    .vic-christmas--top.vic-christmas--article .vic-christmas__art--main,
    .vic-christmas--article.vic-christmas--middle .vic-christmas__art--main { height: 51px; }
    .vic-christmas--chapter .vic-christmas__art { height: 40px; }
}
@media print { .vic-christmas, .vic-christmas-margins { display: none !important; } }