/* MCKIDS — Octobre Rose 2026 (actif uniquement en octobre, voir octobre-rose.js) */
:root{--or-pink:#ff4fa3;--or-soft:#ffd1e6}
html.octobre-rose .hero-title,html.octobre-rose h1{text-shadow:0 0 18px rgba(255,79,163,.55)}
html.octobre-rose .hero-btn:not(.secondary-btn){background:linear-gradient(90deg,#ff4fa3,#c2185b);color:#fff}
html.octobre-rose :focus-visible{outline:2px solid var(--or-pink);outline-offset:3px}
#or-banner{position:sticky;top:0;z-index:9999;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 44px 8px 14px;background:linear-gradient(90deg,#c2185b,#ff4fa3);color:#fff;font:600 14px/1.3 Montserrat,system-ui,sans-serif;text-align:center}
#or-banner a{color:#fff;text-decoration:underline}
#or-banner button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:20px;cursor:pointer;min-width:32px;min-height:32px}
.or-section{margin:40px auto;max-width:980px;padding:28px 22px;border:1px solid rgba(255,79,163,.5);border-radius:18px;background:rgba(194,24,91,.12);text-align:center;color:#fff}
.or-section h2{color:var(--or-soft);margin:0 0 10px}
.or-section p{max-width:70ch;margin:8px auto;line-height:1.6}
.or-btn{display:inline-block;margin:10px 6px 0;padding:12px 22px;border-radius:999px;background:#ff4fa3;color:#fff;font-weight:700;text-decoration:none}
.or-btn.alt{background:transparent;border:1px solid #ff4fa3}
.or-page{max-width:820px;margin:0 auto;padding:40px 20px 60px;color:#fff;font-family:Montserrat,system-ui,sans-serif;line-height:1.7}
.or-page h1{color:var(--or-soft)}.or-page a{color:var(--or-pink)}
.or-page ul{padding-left:1.2em}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ---- Thème rose complet ---- */
html.octobre-rose{--mck-accent:#ff4fa3;--mck-accent2:#ff2e93;--mck-star-gold:#ffd1e6;--mck-core-pink:#ff4fa3}
html.octobre-rose body{background:radial-gradient(ellipse at 50% 0%,#3a0a24 0%,#12030b 55%,#000 100%) fixed}
html.octobre-rose video,html.octobre-rose #bg-video{filter:sepia(1) hue-rotate(295deg) saturate(2.4) brightness(.8)}
html.octobre-rose a:hover{color:var(--or-soft)}
.or-hero{min-height:72vh!important;height:auto!important;padding:90px 20px 70px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,79,163,.35),rgba(18,3,11,.9) 70%)}
.or-hero .hero-overlay{background:linear-gradient(180deg,rgba(255,79,163,.12),rgba(0,0,0,.55))}
.or-hero .hero-title{font-size:clamp(2rem,6vw,4rem);text-wrap:balance}
.or-hero .hero-badge{border-color:var(--or-pink);color:var(--or-soft)}
.or-hero{display:grid;place-items:center;position:relative}
.or-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.or-hero .hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.or-hero .hero-content{grid-area:1/1;z-index:10;max-width:860px;margin:0 auto;padding:0 1rem;text-align:center}