/* Halloween (15 octobre → 2 novembre, chargée seulement pendant la période par index.php) : décor du haut de page, lumière de la
   porte en orange doré, et lisière de cimetière (grille, tombes, citrouilles allumées) au-dessus du pied de page.
   La lueur et la pastille du haut de page sont dans index.php, pour s'afficher d'emblée. */
/* Haut de page : la lumière du cadenas devient celle d'une citrouille (halo orangé, et l'éclat blanc dessiné dans le logo
   teinté en orange par un calque découpé à la forme du logo). Des chauves-souris immobiles, autour et derrière le logo, présentes
   dès le chargement ; les plus lointaines (second calque) sont plus petites et plus pâles. Calques calés sur le logo (largeur min(430px, 78vw)). */
.ee-hero{--hw-cs1:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23120b0a' transform='rotate(-8 32 16)' d='M32 9L34.2 4.8 35 9.6C39 7.8 42.5 3.2 46.5 2.6 51.5 2.8 58 4.2 63 9.5 60 12.2 58.2 14.6 57.5 18 55 15.8 51.5 15.4 49.5 17.2 47.5 16 43.8 16.2 41.8 19.4 40 17.4 36.8 17.4 35 19.2L32 24 29 19.2C27.2 17.4 24 17.4 22.2 19.4 20.2 16.2 16.5 16 14.5 17.2 12.5 15.4 9 15.8 6.5 18 5.8 14.6 4 12.2 1 9.5 6 4.2 12.5 2.8 17.5 2.6 21.5 3.2 25 7.8 29 9.6L29.8 4.8Z'/></svg>");--hw-cs2:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 32'><path fill='%23120b0a' transform='rotate(12 32 16)' d='M32 9L34.2 4.8 35 9.6C39 7.8 42.5 3.2 46.5 2.6 51.5 2.8 58 4.2 63 9.5 60 12.2 58.2 14.6 57.5 18 55 15.8 51.5 15.4 49.5 17.2 47.5 16 43.8 16.2 41.8 19.4 40 17.4 36.8 17.4 35 19.2L32 24 29 19.2C27.2 17.4 24 17.4 22.2 19.4 20.2 16.2 16.5 16 14.5 17.2 12.5 15.4 9 15.8 6.5 18 5.8 14.6 4 12.2 1 9.5 6 4.2 12.5 2.8 17.5 2.6 21.5 3.2 25 7.8 29 9.6L29.8 4.8Z'/></svg>")}
:root .ee-hero-body>picture::before{background:radial-gradient(circle,rgba(255,244,214,.95) 0 1.3%,rgba(255,176,80,.78) 3.6%,rgba(255,122,20,.42) 9%,rgba(255,96,10,.18) 19%,rgba(230,76,0,.07) 30%,transparent 46%),conic-gradient(from 0deg, transparent 0.7deg, rgba(255,172,84,0.46) 4.5deg, transparent 8.3deg, transparent 37.9deg, rgba(255,172,84,0.58) 40.1deg, transparent 42.3deg, transparent 80.0deg, rgba(255,172,84,0.36) 82.2deg, transparent 84.4deg, transparent 122.4deg, rgba(255,172,84,0.46) 124.0deg, transparent 125.6deg, transparent 164.8deg, rgba(255,172,84,0.26) 168.6deg, transparent 172.4deg, transparent 195.3deg, rgba(255,172,84,0.36) 197.5deg, transparent 199.7deg, transparent 233.6deg, rgba(255,172,84,0.58) 237.4deg, transparent 241.2deg, transparent 274.1deg, rgba(255,172,84,0.46) 275.7deg, transparent 277.3deg, transparent 310.9deg, rgba(255,172,84,0.46) 312.5deg, transparent 314.1deg, transparent 337.4deg, rgba(255,172,84,0.26) 339.0deg, transparent 340.6deg)}
.ee-hero-body>picture::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 24% 40% at 81.3% 59.7%,#ff8c1a 0,rgba(255,150,40,.85) 35%,rgba(255,170,90,.4) 70%,rgba(255,190,120,0) 100%);mix-blend-mode:multiply;-webkit-mask:url(/img/accueil/enigma-escape-logo-502.avif) 0 0/100% 100% no-repeat;mask:url(/img/accueil/enigma-escape-logo-502.avif) 0 0/100% 100% no-repeat}
.ee-hero-body::before,.ee-hero-body::after{--hw-l:min(430px,78vw);content:"";position:absolute;z-index:-1;left:calc(50% - var(--hw-l)*.85);top:calc(var(--ee-nav-h) + 4.8rem - var(--hw-l)*.12);width:calc(var(--hw-l)*1.7);height:calc(var(--hw-l)*.75);pointer-events:none;background-repeat:no-repeat}
.ee-hero-body::before{background-image:var(--hw-cs1),var(--hw-cs2),var(--hw-cs1);background-size:calc(var(--hw-l)*.11) auto,calc(var(--hw-l)*.12) auto,calc(var(--hw-l)*.085) auto;background-position:calc(var(--hw-l)*.26) calc(var(--hw-l)*.3),calc(var(--hw-l)*1.24) calc(var(--hw-l)*.1),calc(var(--hw-l)*.66) calc(var(--hw-l)*.04);filter:drop-shadow(0 0 .4rem rgba(255,122,24,.4))}
.ee-hero-body::after{opacity:.55;background-image:var(--hw-cs2),var(--hw-cs1),var(--hw-cs2);background-size:calc(var(--hw-l)*.055) auto,calc(var(--hw-l)*.065) auto,calc(var(--hw-l)*.055) auto;background-position:calc(var(--hw-l)*.02) calc(var(--hw-l)*.1),calc(var(--hw-l)*1.5) calc(var(--hw-l)*.34),calc(var(--hw-l)*1.02) calc(var(--hw-l)*.02)}
/* La lumière de la porte entrouverte (« Réserver une session ») et sa suite derrière « Les salles d'escape game » :
   même dessin, mais orange doré (lueur, cône, rayons, grains de poussière). */
#resa.ee-resa::before{background:radial-gradient(ellipse 26% 20% at 42% 70%,rgba(219,165,111,.09),rgba(219,165,111,0) 70%),radial-gradient(ellipse 22% 16% at 60% 76%,rgba(219,165,111,.07),rgba(219,165,111,0) 70%)}
#resa .rs-cards::after{background:linear-gradient(180deg,rgba(255,169,84,.43),rgba(255,161,67,.12) 40%,rgba(255,161,67,.12))}
#resa .rs-cards::before{background:radial-gradient(ellipse 34% 44% at 50% 50%,rgba(255,150,44,.38),rgba(255,150,44,.1) 48%,rgba(255,150,44,0) 70%)}
#resa .rs-card--main{border-color:rgba(255,166,77,.83);box-shadow:3px 0 0 -1px #ffb266,10px 0 18px -6px rgba(255,166,77,1),26px 0 60px -10px rgba(255,141,28,.69),0 -14px 50px -22px rgba(255,154,52,.69),0 40px 80px -40px rgba(255,141,28,.69)}
#resa .rs-card:nth-child(2){box-shadow:inset -1px 0 0 rgba(255,166,77,.31),0 30px 60px -40px rgba(0,0,0,.9)}
#resa .rs-card:nth-child(3){box-shadow:inset 1px 0 0 rgba(255,166,77,.38),0 30px 60px -40px rgba(0,0,0,.9)}
#rooms .rooms-section::before{background:radial-gradient(ellipse 30rem 13rem at 50% 16rem,rgba(255,150,44,.25),rgba(255,150,44,0) 72%),linear-gradient(180deg,rgba(255,161,67,.12),rgba(255,161,67,.07) 30%,rgba(255,161,67,0) 70%)}
.ds-porte{background:conic-gradient(from 180deg at 50% -5rem,rgba(255,178,102,0) 3deg,rgba(255,178,102,.09) 6deg,rgba(255,178,102,0) 10deg 17deg,rgba(255,178,102,.06) 22deg,rgba(255,178,102,0) 27deg 36deg,rgba(255,178,102,.1) 41deg,rgba(255,178,102,0) 47deg 309deg,rgba(255,178,102,.07) 315deg,rgba(255,178,102,0) 320deg 327deg,rgba(255,178,102,.1) 334deg,rgba(255,178,102,0) 339deg 346deg,rgba(255,178,102,.06) 351deg,rgba(255,178,102,0) 356deg)}
.ds i{background:radial-gradient(circle,#ffdfbe 0,rgba(255,182,110,1) 38%,rgba(255,180,105,0) 72%);box-shadow:0 0 8px rgba(255,166,77,.69)}
#infos{position:relative}
#infos::before{content:"";position:absolute;left:0;right:0;bottom:100%;z-index:2;height:5.4rem;pointer-events:none;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'><path fill='%230c0807' d='M15 5C11 3 3 3.5 1.5 11 .5 16.5 3 25 9 25.5c2.3.2 4.4-.4 6-1.3 1.6.9 3.7 1.5 6 1.3 6-.5 8.5-9 7.5-14.5C27 3.5 19 3 15 5zM14 5.5c0-2.6.6-4.4 2.6-5.3l.9 1.2C16.3 2.3 16 3.6 16 5.5z'/><path fill='%23ff9a2e' d='M8 11.5l3.6-.4-1.6 3.6zM22 11.5l-3.6-.4 1.6 3.6zM7.8 16.8c2 2.2 4.4 3.2 7.2 3.2s5.2-1 7.2-3.2c-2.1.8-4.5 1.2-7.2 1.2s-5.1-.4-7.2-1.2z'/></svg>") 17% 100%/3rem auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 26'><path fill='%230c0807' d='M15 5C11 3 3 3.5 1.5 11 .5 16.5 3 25 9 25.5c2.3.2 4.4-.4 6-1.3 1.6.9 3.7 1.5 6 1.3 6-.5 8.5-9 7.5-14.5C27 3.5 19 3 15 5zM14 5.5c0-2.6.6-4.4 2.6-5.3l.9 1.2C16.3 2.3 16 3.6 16 5.5z'/><path fill='%23ff9a2e' d='M8 11.5l3.6-.4-1.6 3.6zM22 11.5l-3.6-.4 1.6 3.6zM7.8 16.8c2 2.2 4.4 3.2 7.2 3.2s5.2-1 7.2-3.2c-2.1.8-4.5 1.2-7.2 1.2s-5.1-.4-7.2-1.2z'/></svg>") 86% 100%/2.4rem auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'><path fill='%2307070a' d='M2 36V12C2 5.4 6.5 1 12 1s10 4.4 10 11v24z'/></svg>") 11.5% 100%/2.4rem auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 36'><path fill='%2307070a' d='M8 0h4v9h7v4h-7v23H8V13H1V9h7z'/></svg>") 14% 100%/1.9rem auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'><path fill='%2307070a' d='M2 36V12C2 5.4 6.5 1 12 1s10 4.4 10 11v24z'/></svg>") 91% 100%/2.2rem auto no-repeat,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 48'><path fill='%2307070a' d='M18 0l1.3 7-.5 1V48h-1.6V8l-.5-1zM0 16h36v1.8H0zM0 40h36v1.8H0z'/></svg>") 0 100%/3.6rem 4.8rem repeat-x,radial-gradient(4.2rem 3rem at 17% 100%,rgba(255,130,30,.5),rgba(255,130,30,0)),radial-gradient(3.4rem 2.6rem at 86% 100%,rgba(255,130,30,.45),rgba(255,130,30,0)),linear-gradient(to top,rgba(255,110,20,.16),rgba(255,110,20,0) 85%)}
@media (max-width:560px){#infos::before{height:4.2rem;background-size:2.4rem auto,2rem auto,2rem auto,1.6rem auto,1.8rem auto,2.8rem 3.8rem,auto,auto,auto}}