/* Camping des Neiges — V6 / navigation lumineuse et animations légères */
:root{--v6-turquoise:#40c2b2;--v6-forest:#164d4b;--v6-orange:#ffa766;--v6-glow:rgba(64,194,178,.58)}
/* Une barre de navigation en verre TRANSPARENT, devant les images */
body.v4-site.v6-site .topline{background:rgba(6,34,37,.20);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.13);letter-spacing:.15em}
body.v4-site.v6-site .site-header,
body.v4-site.v6-site .site-header.scrolled{background:rgba(6,39,40,.19);box-shadow:none;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-bottom:1px solid rgba(255,255,255,.19);transition:background .32s,border-color .32s,box-shadow .32s,top .3s}
body.v4-site.v6-site .site-header.scrolled{background:rgba(6,43,42,.70);box-shadow:0 8px 28px rgba(7,32,31,.20);border-bottom-color:rgba(101,245,216,.32)}
body.v4-site.v6-site .site-header .header-inner{height:116px;max-width:1920px;width:calc(100% - 58px);gap:clamp(8px,1vw,18px)}
/* Logo environ 2x plus grand, volontairement au-delà de la barre et sur le visuel */
body.v4-site.v6-site .site-header .brand{flex:0 0 205px;min-width:205px;width:205px;align-self:center;position:relative;z-index:46;overflow:visible;margin-right:clamp(10px,1.35vw,30px);transform:translateY(45px);transition:transform .3s}
body.v4-site.v6-site .site-header .brand img{width:196px;height:230px;max-height:none;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(1,34,33,.50));transform-origin:center;transition:transform .35s ease,filter .35s}
body.v4-site.v6-site .site-header .brand:hover img{transform:scale(1.04);filter:drop-shadow(0 9px 18px rgba(9,46,44,.60))}
body.v4-site.v6-site .site-header.scrolled .brand{transform:translateY(19px) scale(.87);transform-origin:left top}
/* Plus gros et flashy, des animations courtes sans bouger la navigation */
body.v4-site.v6-site .navigation{justify-content:space-between;gap:0;min-width:0;flex:1;margin-right:0}
body.v4-site.v6-site .nav-item{flex:none}
body.v4-site.v6-site .nav-btn,
body.v4-site.v6-site .nav-simple,
body.v4-site.v6-site .site-header.scrolled .nav-btn,
body.v4-site.v6-site .site-header.scrolled .nav-simple{color:#fff;font-size:clamp(.83rem,.94vw,1.08rem);font-weight:850;letter-spacing:.01em;padding:23px clamp(8px,.74vw,15px);text-shadow:0 2px 11px rgba(2,33,31,.50);white-space:nowrap;transition:color .24s,text-shadow .24s}
body.v4-site.v6-site .nav-btn:hover,
body.v4-site.v6-site .nav-simple:hover,
body.v4-site.v6-site .nav-btn[aria-expanded=true]{color:#87f7de;text-shadow:0 0 16px var(--v6-glow)}
body.v4-site.v6-site .nav-btn:after,
body.v4-site.v6-site .nav-simple:after{height:3px;bottom:11px;background:linear-gradient(90deg,var(--v6-turquoise),var(--v6-orange));box-shadow:0 0 11px rgba(72,219,194,.65);left:8px;right:8px}
body.v4-site.v6-site .header-book{font-size:.93rem;font-weight:900;letter-spacing:.05em;min-width:162px;padding:19px 22px;border-radius:3px;box-shadow:0 8px 20px rgba(255,145,71,.35)}
body.v4-site.v6-site .header-book:hover{background:#ffc090!important;box-shadow:0 12px 35px rgba(255,145,71,.50)}
/* Sous-menus cadres lumineux, bien lisibles et sans espace perdu */
body.v4-site.v6-site .mega-shell{top:calc(100% - 1px);left:clamp(190px,15vw,260px);width:min(1220px,calc(100vw - clamp(210px,17vw,280px)))}
body.v4-site.v6-site .mega{background:linear-gradient(145deg,rgba(13,54,53,.97),rgba(7,41,43,.985));border:1px solid rgba(88,231,205,.50);border-top:4px solid var(--v6-turquoise);box-shadow:0 28px 80px rgba(6,29,29,.50),inset 0 0 28px rgba(67,203,176,.065);padding:26px 28px 26px;border-radius:0 0 12px 12px}
body.v4-site.v6-site .mega-header{padding:6px 0 17px;border-bottom:1px solid rgba(130,230,207,.28)}
body.v4-site.v6-site .mega-kicker{color:#8ff6db}
body.v4-site.v6-site .mega-title{font-size:clamp(1.8rem,2.3vw,2.5rem);color:#fff}
body.v4-site.v6-site .mega-close{width:43px;height:43px;border:1px solid rgba(210,255,244,.35);background:rgba(102,181,168,.16);color:#fff}
body.v4-site.v6-site .mega-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr);gap:24px;align-items:start;padding-top:21px}
body.v4-site.v6-site .mega-links{gap:8px;align-content:start}
body.v4-site.v6-site .mega-links.menu-two-col,
body.v4-site.v6-site .mega-links.cols.menu-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 11px}
body.v4-site.v6-site .mega-links:not(.menu-two-col){grid-template-columns:1fr}
body.v4-site.v6-site .mega-links a,
body.v4-site.v6-site #mega-infos .mega-links a{font-size:clamp(1.08rem,1.30vw,1.39rem);font-weight:800;line-height:1.2;color:#fafffc;min-height:83px;display:flex;gap:12px;padding:9px 11px;border:1px solid rgba(102,197,179,.35);border-radius:6px;background:rgba(194,244,226,.06);transition:background .22s,border-color .22s,box-shadow .22s,transform .22s,color .22s}
body.v4-site.v6-site .mega-links a:hover,
body.v4-site.v6-site #mega-infos .mega-links a:hover{background:rgba(89,216,191,.17);border-color:#83ead5;box-shadow:inset 3px 0 0 var(--v6-orange),0 4px 18px rgba(38,190,161,.17);color:#ffc38e;transform:translateY(-1px)}
body.v4-site.v6-site .mega-links .em,
body.v4-site.v6-site #mega-infos .mega-links .em{width:64px;min-width:64px;height:64px;background:#f2fdf7;border:1px solid rgba(135,237,208,.67);border-radius:8px;padding:2px;display:grid;place-items:center;box-shadow:0 3px 11px rgba(4,34,34,.20)}
body.v4-site.v6-site .mega-links .menu-picto,
body.v4-site.v6-site #mega-infos .mega-links .menu-picto{width:61px;height:61px;object-fit:contain;transition:transform .28s ease}
body.v4-site.v6-site .mega-links a:hover .menu-picto{transform:scale(1.11) rotate(-2deg)}
body.v4-site.v6-site .mega-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.v4-site.v6-site .mini-photo{aspect-ratio:1.12;border:2px solid rgba(126,225,206,.42);border-radius:6px;box-shadow:0 9px 18px #00171777}
body.v4-site.v6-site .mini-photo span{font-size:clamp(1.06rem,1.25vw,1.3rem);font-weight:650}
body.v4-site.v6-site .mini-photo:hover{border-color:var(--v6-orange)}
body.v4-site.v6-site .mega-foot{font-size:.88rem;padding-top:14px;margin-top:19px;border-top:1px solid rgba(130,230,207,.28)}
/* 'Infos' sans galerie et 'Accès' plus courts : panneaux aux dimensions du contenu */
body.v4-site.v6-site #mega-infos{max-width:1100px}
body.v4-site.v6-site #mega-infos .mega-grid{display:block;padding:19px 0 0}
body.v4-site.v6-site #mega-infos .mega-links.cols.menu-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}
body.v4-site.v6-site #mega-infos .mega-links a{min-height:75px}
body.v4-site.v6-site #mega-acces{max-width:710px}
body.v4-site.v6-site #mega-acces .mega-grid{display:block;padding:18px 0 0}
body.v4-site.v6-site #mega-acces .mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.v4-site.v6-site #mega-acces .mega-links a{min-height:93px}
body.v4-site.v6-site #mega-curistes .mega-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}
/* Plus de luminosité / de contraste dans les séquences vidéo, sans compromettre les textes */
body.v4-site.v6-site .hero-photo{filter:brightness(1.10) contrast(1.06) saturate(1.28)}
body.v4-site.v6-site .hero-video,
body.v4-site.v6-site .hero-media .youtube-bg iframe{filter:brightness(1.14) contrast(1.09) saturate(1.35)}
body.v4-site.v6-site .hero-tint{background:linear-gradient(90deg,rgba(4,31,35,.64) 0%,rgba(6,35,37,.26) 52%,rgba(6,35,37,.07) 100%),linear-gradient(0deg,rgba(2,28,30,.40),transparent 51%),radial-gradient(circle at 80% 20%,rgba(42,213,184,.075),transparent 45%)}
body.v4-site.v6-site .hero-content{padding-left:clamp(40px,5.6vw,95px)}
body.v4-site.v6-site .hero-content h1{text-shadow:0 5px 27px rgba(0,20,22,.67),0 0 65px rgba(30,136,125,.16)}
body.v4-site.v6-site .hero-content h1 em{color:#ffd3a2;text-shadow:0 0 25px rgba(255,173,96,.18)}
body.v4-site.v6-site .hero-content>.eyebrow{font-weight:900;letter-spacing:.19em;color:#adffe5}
body.v4-site.v6-site .hero-content .sub{font-weight:550;text-shadow:0 2px 12px rgba(0,16,21,.66)}
body.v4-site.v6-site .hero-ctas .btn-light{background:#ffb276;color:#163e3d;box-shadow:0 8px 34px rgba(245,132,52,.26)}
body.v4-site.v6-site .hero-ctas .btn-light:hover{background:#ffca96;box-shadow:0 12px 40px rgba(245,132,52,.42)}
body.v4-site.v6-site .hero{overflow:visible}
/* Entrées au défilement : jamais de masquage sans JavaScript, respect des réglages d'accessibilité */
@media(prefers-reduced-motion:no-preference){
  html.v6-reveal-ready [data-reveal]:not(.is-revealed){opacity:0;transform:translate3d(0,36px,0);filter:blur(3px)}
  html.v6-reveal-ready [data-reveal="soft"]:not(.is-revealed){transform:translate3d(0,18px,0)}
  html.v6-reveal-ready [data-reveal]{transition:opacity .72s ease,transform .75s cubic-bezier(.21,.65,.2,1),filter .72s ease;transition-delay:calc(var(--reveal-order,0)*75ms);will-change:opacity,transform}
  html.v6-reveal-ready [data-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  body.v6-site .hero-content>.eyebrow{animation:v6heroIn .68s ease .08s both}
  body.v6-site .hero-content h1{animation:v6heroIn .9s cubic-bezier(.2,.75,.22,1) .16s both}
  body.v6-site .hero-content .sub{animation:v6heroIn .84s ease .34s both}
  body.v6-site .hero-ctas{animation:v6heroIn .84s ease .46s both}
  @keyframes v6heroIn{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
}
/* Breakpoints anticipés : menu mobile avant que le texte grossi ne soit comprimé */
@media(max-width:1480px){
  body.v4-site.v6-site .site-header .header-inner{width:calc(100% - 36px);gap:8px}
  body.v4-site.v6-site .site-header .brand{flex-basis:177px;min-width:177px;width:177px;margin-right:2px;transform:translateY(35px)}
  body.v4-site.v6-site .site-header .brand img{width:165px;height:196px}
  body.v4-site.v6-site .nav-btn,body.v4-site.v6-site .nav-simple{font-size:clamp(.79rem,1vw,.99rem);padding:19px 7px}
  body.v4-site.v6-site .header-book{min-width:137px;padding:17px 16px;font-size:.84rem}
}
@media(max-width:1220px){
  body.v4-site.v6-site .site-header .navigation{display:none!important}
  body.v4-site.v6-site .site-header .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:52px;min-height:48px;color:#fff;border-color:rgba(255,255,255,.65);font-size:1.5rem;background:rgba(7,53,52,.25)}
  body.v4-site.v6-site .site-header .brand{margin-right:auto;flex-basis:170px;min-width:170px}
  body.v4-site.v6-site .site-header .mega-shell{display:none}
}
@media(max-width:760px){
  body.v4-site.v6-site .topline{font-size:.58rem;height:30px;gap:12px;padding:0 10px}
  body.v4-site.v6-site .topline span:first-child{display:none}
  body.v4-site.v6-site .site-header{top:30px}
  body.v4-site.v6-site .site-header .header-inner{height:83px;width:calc(100% - 20px)}
  body.v4-site.v6-site .site-header .brand{flex-basis:124px;min-width:124px;width:124px;transform:translateY(34px)}
  body.v4-site.v6-site .site-header .brand img{width:122px;height:152px}
  body.v4-site.v6-site .site-header.scrolled .brand{transform:translateY(24px) scale(.91)}
  body.v4-site.v6-site .header-book{min-width:0;padding:12px 12px;font-size:.70rem}
  body.v4-site.v6-site .site-header .menu-btn{min-width:43px;min-height:43px;font-size:1.2rem;padding:7px}
  body.v4-site.v6-site .hero-content{padding-left:0;margin-top:135px}
  body.v4-site.v6-site .hero.compact .hero-content{margin-top:135px}
  body.v4-site.v6-site .hero-content h1{font-size:clamp(2.55rem,10vw,4.6rem);max-width:100%}
  body.v4-site.v6-site .hero.compact h1{font-size:clamp(2.3rem,8vw,3.7rem)}
  body.v4-site.v6-site .hero-content .eyebrow{font-size:.61rem}
  body.v4-site.v6-site .hero-content .sub{font-size:.92rem;line-height:1.5}
  body.v4-site.v6-site .hero-video-toggle{left:18px;bottom:19px}
  body.v4-site.v6-site .hero{min-height:690px}
  body.v4-site.v6-site .hero.compact{min-height:480px;height:480px}
  body.v4-site.v6-site .mobile-panel{background:linear-gradient(165deg,#103937,#194e49)}
  body.v4-site.v6-site .mobile-panel details>a{font-size:1.06rem;line-height:1.35;padding:11px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(185,242,223,.18)}
  body.v4-site.v6-site .mobile-panel details>a img{width:42px;height:42px;border-radius:5px;padding:2px;background:#f5fcf5;object-fit:contain}
}
@media(max-width:430px){body.v4-site.v6-site .header-book{font-size:.65rem;padding:11px 9px}body.v4-site.v6-site .hero-content h1{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){html.v6-reveal-ready [data-reveal]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}body.v6-site .hero-content *{animation:none!important}}