/* 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}}