/* ===== Jeu d'Halloween (1er–31 octobre 2026) — ajouté par FidelioWeb ===== */
.mbj-off{display:none!important}
.mbj-promo{position:relative;padding:28px 16px}
.mbj-card{position:relative;max-width:980px;margin:0 auto;border-radius:28px;overflow:hidden;color:#FCE8F0;
  background:radial-gradient(60% 90% at 85% 50%,rgba(255,46,136,.35),rgba(255,46,136,0) 70%),linear-gradient(135deg,#1B0913 0%,#2A0E1E 55%,#3D1229 100%);
  box-shadow:0 0 0 3px #C9925F,0 18px 40px rgba(60,10,35,.35);display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:26px 28px}
.mbj-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 12% 20%,#FBE6C8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 30% 80%,#FBE6C8 50%,transparent 51%),radial-gradient(2px 2px at 55% 15%,#FF8FC0 50%,transparent 51%),radial-gradient(1.5px 1.5px at 70% 70%,#FBE6C8 50%,transparent 51%)}
.mbj-eyebrow{display:inline-block;font:700 11px/1 Quicksand,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#3A1428;background:linear-gradient(90deg,#C9925F,#FBE6C8 50%,#C9925F);padding:6px 12px;border-radius:3px}
.mbj-title{margin:12px 0 6px;font-family:"Bagel Fat One","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:400;font-size:clamp(30px,7vw,46px);line-height:1;color:#FFD6E6;text-shadow:0 0 10px rgba(255,46,136,.8),0 3px 0 #B3002D}
.mbj-text{margin:0 0 16px;font:500 15px/1.5 Quicksand,system-ui,sans-serif;color:#F4CFDF;max-width:520px}
.mbj-text b{color:#fff}
.mbj-btn{display:inline-flex;align-items:center;gap:8px;font:700 15px/1 Quicksand,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-decoration:none;padding:15px 22px;border-radius:999px;
  background:linear-gradient(180deg,#FF5FA6,#FF2E88 60%,#D4126A);box-shadow:0 4px 0 #8E0A45,0 0 22px rgba(255,46,136,.55);transition:transform .15s}
.mbj-btn:hover{transform:translateY(-2px)}
.mbj-btn:focus-visible,.mbj-float:focus-visible{outline:3px solid #FFB3CF;outline-offset:3px}
.mbj-small{display:block;margin-top:10px;font:600 12px/1.4 Quicksand,system-ui,sans-serif;color:#D9A5BC}
.mbj-art{width:150px;height:auto;filter:drop-shadow(0 0 18px rgba(255,46,136,.45))}
.mbj-art .mbj-claw{animation:mbjSwing 2.6s ease-in-out infinite;transform-origin:75px 22px}
@keyframes mbjSwing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@media (max-width:640px){.mbj-card{grid-template-columns:1fr;text-align:center;padding:24px 18px}.mbj-art{width:120px;margin:0 auto;order:-1}.mbj-text{margin-left:auto;margin-right:auto}}
.mbj-float{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:8px;text-decoration:none;
  background:#2A0E1E;color:#FFD6E6;font:700 13px/1 Quicksand,system-ui,sans-serif;padding:8px 14px 8px 8px;border-radius:999px;box-shadow:0 0 0 2px #C9925F,0 8px 22px rgba(40,5,25,.4),0 0 18px rgba(255,46,136,.45);animation:mbjBob 2.4s ease-in-out infinite}
.mbj-float svg{width:34px;height:34px}
@keyframes mbjBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:900px){.mbj-float{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}
body.intro-lock .mbj-float{display:none!important}
.mbj-navlink{color:#FF2E88!important;font-weight:700}
@media (prefers-reduced-motion:reduce){.mbj-float,.mbj-art .mbj-claw{animation:none}}

/* ===== Décor d'Halloween sur l'intro 3D (octobre) ===== */
.mbj-hw{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.mbj-hw .vig{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 45%,rgba(40,6,24,0) 55%,rgba(40,6,24,.45) 100%)}
.mbj-hw .glow{position:absolute;inset:0;background:radial-gradient(40% 30% at 15% 92%,rgba(255,150,60,.28),transparent 70%),radial-gradient(40% 30% at 85% 92%,rgba(255,79,154,.28),transparent 70%);animation:mbjFlick 2.8s ease-in-out infinite}
@keyframes mbjFlick{0%,100%{opacity:1}40%{opacity:.75}45%{opacity:.95}70%{opacity:.8}}
.mbj-hw .web{position:absolute;top:0;width:min(26vw,190px);opacity:.85}
.mbj-hw .web.l{left:0}.mbj-hw .web.r{right:0;transform:scaleX(-1)}
.mbj-hw .spider{position:absolute;top:0;left:18%;width:26px;animation:mbjDrop 6s ease-in-out infinite;transform-origin:top center}
.mbj-hw .spider.s2{left:auto;right:22%;width:20px;animation-duration:7.5s;animation-delay:1.5s}
@keyframes mbjDrop{0%,100%{transform:translateY(-40%)}50%{transform:translateY(0)}}
.mbj-hw .bat{position:absolute;width:44px;top:18%;left:-60px;animation:mbjFly 9s linear infinite}
.mbj-hw .bat.b2{top:30%;width:30px;animation-duration:12s;animation-delay:3s}
.mbj-hw .bat.b3{top:10%;width:26px;animation-duration:14s;animation-delay:6s}
.mbj-hw .bat svg{width:100%;animation:mbjFlap .2s ease-in-out infinite alternate}
@keyframes mbjFly{0%{transform:translate(0,0)}25%{transform:translate(30vw,-3vh)}50%{transform:translate(60vw,2vh)}75%{transform:translate(90vw,-2vh)}100%{transform:translate(calc(100vw + 120px),0)}}
@keyframes mbjFlap{from{transform:scaleY(1)}to{transform:scaleY(.5)}}
.mbj-hw .pk{position:absolute;bottom:-6px;width:min(20vw,130px);filter:drop-shadow(0 0 18px rgba(255,120,60,.55))}
.mbj-hw .pk.l{left:2%}.mbj-hw .pk.r{right:3%;width:min(16vw,105px)}
.mbj-hw .pk .face{animation:mbjFlick 2.2s ease-in-out infinite}
.mbj-hw .fog{position:absolute;left:-20%;right:-20%;bottom:-8%;height:38%;background:radial-gradient(40% 50% at 25% 70%,rgba(255,200,225,.35),transparent 70%),radial-gradient(40% 55% at 70% 80%,rgba(255,255,255,.22),transparent 70%),radial-gradient(35% 45% at 50% 95%,rgba(255,79,154,.25),transparent 70%);animation:mbjDrift 14s ease-in-out infinite alternate}
@keyframes mbjDrift{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
.mbj-hw .tag{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);font:700 11px/1 Quicksand,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#3A1428;background:linear-gradient(90deg,#C9925F,#FBE6C8 50%,#C9925F);padding:6px 12px;border-radius:3px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.mbj-hw *{animation:none!important}}