/* JouwBox Kerst Special 2026: sitebrede kerstsfeer (v1, 26 okt 2026)
   Rood alleen als decoratie (slinger, strik). Tekst, knoppen en prijzen groen #164229.
   Terugdraaien: de <link> en <script> naar jb-kerst-site-v1 uit de pagina's halen (zie draaiboek). */
:root{--jbk-rood:#A51C30;--jbk-donker:#7A1222;--jbk-wijn:#5C0D19;--jbk-groen:#164229;--jbk-goud:#8A6A35;--jbk-goudl:#C9A45C;--jbk-room:#FBF6EE;--jbk-groenroom:#EEF3EE}

/* 1. Dennenslinger direct onder de header (door jb-kerst-site-v1.js ingevoegd, op elke pagina gelijk) */
.jbk-slinger{display:block;position:relative;z-index:5;height:clamp(30px,5.4vw,70px);margin-bottom:calc(clamp(30px,5.4vw,70px) * -.62);background:url(/images/kerst2026/jb-kerst-slinger-v1.svg) center top/cover no-repeat;pointer-events:none}
@media print{.jbk-slinger{display:none}}

/* 2. Mobiel menu: Kerst Special 2026 */
#mobileMenu .mm-edition,.jb-mobile-menu .mm-edition{background:var(--jbk-room)!important;border:2px solid var(--jbk-goudl)!important;box-shadow:inset 6px 0 0 var(--jbk-rood),0 4px 14px rgba(92,13,25,.10)!important;padding:16px 18px 16px 22px!important;position:relative}
#mobileMenu .mm-edition::after,.jb-mobile-menu .mm-edition::after{content:"";position:absolute;right:38px;top:-14px;width:42px;height:33px;background:url(/images/kerst2026/jb-kerst-strik-v1.svg) center/contain no-repeat;pointer-events:none}
#mobileMenu .mm-edition-badge,.jb-mobile-menu .mm-edition-badge{background:var(--jbk-groen)!important;color:#fff!important;font-size:13px!important;letter-spacing:1.2px!important}
#mobileMenu .mm-edition-title,.jb-mobile-menu .mm-edition-title{color:var(--jbk-groen)!important;font-size:21px!important}
#mobileMenu .mm-edition-sub,.jb-mobile-menu .mm-edition-sub{color:var(--jbk-groen)!important;font-size:16px!important;font-weight:700!important}
#mobileMenu .mm-edition-arrow,.jb-mobile-menu .mm-edition-arrow{color:var(--jbk-groen)!important}

/* 3. Band "Vanaf zondag 1 november te bestellen" (homepage, losse box, member) */
.jbk-band{display:inline-flex;align-items:center;gap:14px;max-width:100%;box-sizing:border-box;background:var(--jbk-room);border:2px solid var(--jbk-goudl);border-radius:999px;padding:10px 26px 10px 12px;box-shadow:0 8px 24px rgba(92,13,25,.18),inset 0 0 0 4px rgba(201,164,92,.16);color:var(--jbk-groen);text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.25;font-weight:700}
.jbk-band-strik{flex:0 0 auto;width:52px;height:41px;background:url(/images/kerst2026/jb-kerst-strik-v1.svg) center/contain no-repeat}
.jbk-band-tekst{display:block}
.jbk-band-tekst small{display:block;font-family:'Lato',Arial,sans-serif;font-size:15px!important;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--jbk-goud);line-height:1.3;margin-bottom:2px}
@media (max-width:600px){.jbk-band{font-size:19px;padding:9px 18px 9px 10px;gap:10px;border-radius:22px}.jbk-band-strik{width:42px;height:33px}}

/* 4. Sneeuw (alleen in elementen met data-jbk-sneeuw, uit bij minder beweging) */
[data-jbk-sneeuw]{position:relative;overflow:hidden}
.jbk-sneeuw{position:absolute;inset:0;pointer-events:none;z-index:1}
.jbk-sneeuw i{position:absolute;top:-12px;width:var(--s);height:var(--s);border-radius:50%;background:#fff;box-shadow:0 0 3px rgba(255,255,255,.7);animation:jbk-val var(--d) linear infinite;animation-delay:var(--t)}
@keyframes jbk-val{from{transform:translate(0,-12px)}to{transform:translate(var(--w),110vh)}}
@media (prefers-reduced-motion:reduce){.jbk-sneeuw{display:none}}

/* v2 (30 okt): menu "Bestel JouwBox" in kerstsfeer (Tim: "dit kan ook kerstsfeer") */
.jb-order-menu > div{background:#FBF6EE!important;border:2px solid #C9A45C!important;box-shadow:0 12px 40px rgba(110,20,30,.22),0 2px 8px rgba(0,0,0,.08)!important;position:relative}
.jb-order-menu > div::before{content:"Kerst Special 2026";display:block;background:#8E1B22;background-image:radial-gradient(circle at 12% 40%,rgba(255,255,255,.18) 0 2px,transparent 3px),radial-gradient(circle at 78% 30%,rgba(255,255,255,.16) 0 2px,transparent 3px),radial-gradient(circle at 46% 70%,rgba(255,255,255,.14) 0 1.5px,transparent 2.5px),radial-gradient(circle at 92% 72%,rgba(255,255,255,.14) 0 1.5px,transparent 2.5px);color:#F3E2B8;font:700 15px/1 'Playfair Display',Georgia,serif;letter-spacing:.4px;text-align:center;padding:12px 14px;border-bottom:2px solid #C9A45C}
.jb-order-menu a{transition:background .15s}
.jb-order-menu a:hover,.jb-order-menu a:focus-visible{background:#F4EAD6!important}
.jb-order-menu .jb-om-title{color:#164229!important}
.jb-order-menu .jb-om-sub{color:#6E5A4E!important}
.jb-order-menu .jb-om-icon{background:#F7E4E1!important;box-shadow:inset 0 0 0 1px rgba(142,27,34,.18)}
.jb-order-menu .jb-om-icon-member,.jb-order-menu .jb-om-icon-losse{background:#EAF2EC!important;box-shadow:inset 0 0 0 1px rgba(22,66,41,.18)}
.jb-order-menu .jb-om-divider{background:#E8D9BC!important}
