/* PPN - Header desktop (barre de menu en verre, pictos, recherche en panneau, barre collante) - 14/11/2026
 * Structure dans Elementor (modele 3895) : section interne .ppn-hbar (colonnes .ppn-hbar__l / __m / __r),
 * menu "Menu principal" (classes ppn-mi-* sur les elements de menu), colonne banniere .ppn-hcol-ad + reseaux .ppn-hsoc.
 */
@media (min-width:1025px){
.ppn-hbar{margin-top:22px!important;margin-bottom:0!important;background:none!important;z-index:990!important}
.ppn-hbar>.elementor-background-overlay{display:none}
@media (min-width:1300px){.ppn-hbar:not(.is-stuck){margin-left:-50px!important;margin-right:-50px!important;width:calc(100% + 100px)!important;max-width:none!important;flex:0 0 calc(100% + 100px)}}
.ppn-hbar>.elementor-container{max-width:none!important;display:flex!important;align-items:center;gap:2px;padding:6px;border-radius:999px;background:rgba(255,255,255,.13);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.24);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.ppn-hbar>.elementor-container>.elementor-column{width:auto!important;min-height:0!important}
.ppn-hbar>.elementor-container>.ppn-hbar__l,.ppn-hbar>.elementor-container>.ppn-hbar__r{flex:0 0 auto}
.ppn-hbar>.elementor-container>.ppn-hbar__m{flex:1 1 auto;min-width:0}
.ppn-hbar .elementor-widget-wrap{padding:0!important;align-items:center!important}
.ppn-hbar .elementor-widget-wrap>.elementor-widget{margin:0!important}
/* menu */
.ppn-hbar .elementor-nav-menu--main{width:100%}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between;width:100%}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li{flex:0 0 auto}
.ppn-hbar li.ppn-mi-home{display:none!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item{display:flex;align-items:center;gap:8px;padding:11px 15px!important;border-radius:999px;background:transparent;color:#fff!important;font:500 15px/1 Roboto,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:.01em!important;white-space:nowrap;transition:background .15s,color .15s}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item::after{display:none!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li[class*="ppn-mi-"]>a.elementor-item::before{content:''!important;display:block!important;position:static!important;opacity:1!important;width:19px!important;height:19px!important;flex:0 0 19px;background:#FFD27A!important;-webkit-mask:var(--ppn-ic) center/contain no-repeat;mask:var(--ppn-ic) center/contain no-repeat;transform:none!important;transition:background .15s}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item:hover,.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item.highlighted,.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:focus-within>a.elementor-item{background:rgba(255,255,255,.16)}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.is-current)>a.elementor-item{background:#fff;color:#0B2545!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.is-current)>a.elementor-item::before{background:#C41939!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march>a.elementor-item{background:#C41939;box-shadow:0 6px 16px rgba(196,25,57,.45)}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march>a.elementor-item::before{background:#fff!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march>a.elementor-item:hover,.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march>a.elementor-item.highlighted{background:#D62447}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.is-current)>a.elementor-item{background:#C41939;color:#fff!important;box-shadow:0 0 0 2px #fff,0 6px 16px rgba(196,25,57,.45)}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march:is(.current-menu-item,.current-menu-ancestor,.current-menu-parent,.is-current)>a.elementor-item::before{background:#fff!important}
.ppn-hbar .elementor-nav-menu--main .sub-arrow{padding:0!important;margin-left:-2px;font-size:11px;line-height:1;opacity:.8}
.ppn-hbar .elementor-nav-menu--main .sub-arrow svg{fill:currentColor;width:.8em;height:.8em}
/* sous-menus */
.ppn-hbar .elementor-nav-menu--main ul.sub-menu{min-width:270px!important;margin-top:12px!important;padding:8px!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 50px rgba(6,18,40,.28)!important}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu li{border:0!important}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item{display:flex;align-items:center;gap:10px;padding:11px 14px!important;border:0!important;border-radius:12px;background:transparent!important;color:#383A3E!important;font:500 15px/1.2 Roboto,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item::before{content:'';display:block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#E3E5E8;transition:background .15s}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover,.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item.elementor-item-active{background:#FDF3F5!important;color:#C41939!important}
.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item:hover::before,.ppn-hbar .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item.elementor-item-active::before{background:#C41939}
/* accueil (chalet) + mini logo (barre collante) */
.ppnh-home{display:flex;align-items:center;padding:11px 13px;border-radius:999px;color:#fff!important;text-decoration:none!important;font:500 15px/1 Roboto,system-ui,sans-serif;white-space:nowrap;transition:background .15s}
.ppnh-home svg{width:21px;height:21px;flex:0 0 21px;stroke:#FFD27A}
.ppnh-home span{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width .25s ease,opacity .2s,margin .25s}
.ppnh-home:hover,.ppnh-home:focus-visible{background:rgba(255,255,255,.16)}
.ppnh-home:hover span,.ppnh-home:focus-visible span{max-width:90px;opacity:1;margin-left:8px}
.ppnh-home.is-current{background:#fff;color:#0B2545!important}
.ppnh-home.is-current svg{stroke:#C41939}
.ppnh-mini{display:none;line-height:0;margin-right:10px}
.ppnh-mini img{height:44px;width:auto}
/* recherche */
.ppnh-tools{position:relative;padding-left:6px}
.ppnh-tools .ppnh-sbtn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:0;padding:0;border:0!important;border-radius:50%;background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important;cursor:pointer;transition:background .15s}
.ppnh-tools .ppnh-sbtn:hover{background:rgba(255,255,255,.3)!important}
.ppnh-tools .ppnh-sbtn.is-on{background:#fff!important;color:#C41939!important}
.ppnh-tools svg{width:19px;height:19px;flex:0 0 19px}
.ppnh-spanel{position:absolute;right:-6px;top:calc(100% + 14px);z-index:6;display:flex;align-items:center;gap:8px;width:440px;padding:8px 8px 8px 16px;border-radius:999px;background:#fff;box-shadow:0 20px 50px rgba(6,18,40,.3);animation:ppnhSp .18s ease-out}
.ppnh-spanel[hidden]{display:none}
.ppnh-spanel::before{content:'';position:absolute;right:22px;top:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-radius:3px}
.ppnh-sico{display:flex;color:#C41939}
.ppnh-spanel input[type=search]{flex:1;min-width:0;height:44px!important;margin:0!important;padding:0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#383A3E!important;font:400 15px/1 Roboto,system-ui,sans-serif!important;outline:none!important;box-shadow:none!important}
.ppnh-spanel input::placeholder{color:#8A8F98}
.ppnh-spanel .ppnh-sgo{flex:0 0 auto;height:44px;margin:0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#C41939!important;color:#fff!important;font:600 14px/1 Roboto,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;box-shadow:0 6px 14px rgba(196,25,57,.35)}
.ppnh-spanel .ppnh-sgo:hover{background:#D62447!important}
@keyframes ppnhSp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* barre collante */
.ppn-hbar.is-stuck{position:fixed!important;top:0;left:0;right:0;width:auto!important;margin:0!important;padding:8px 28px;background:rgba(11,37,69,.94)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.25);animation:ppnhIn .25s ease-out}
body.admin-bar .ppn-hbar.is-stuck{top:32px}
.ppn-hbar.is-stuck>.elementor-container{max-width:1264px!important;margin:0 auto;padding:0;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ppn-hbar.is-stuck .ppnh-mini{display:block}
.ppn-hbar.is-stuck .ppnh-home{display:none}
@keyframes ppnhIn{from{transform:translateY(-100%)}to{transform:none}}
@media (max-width:1300px){.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>a.elementor-item{padding:10px 11px!important;font-size:14px!important;gap:7px}.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li[class*="ppn-mi-"]>a.elementor-item::before{width:17px!important;height:17px!important;flex-basis:17px}}
/* reseaux sociaux en colonne a droite de la banniere */
.ppn-hcol-ad>.elementor-widget-wrap{flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-end!important;gap:12px}
.ppn-hcol-ad .ppn-hbanner{width:auto!important;flex:0 0 auto}
.ppn-hsoc{width:auto!important;flex:0 0 auto;margin:31px 0 0!important}
.ppn-hsoc .elementor-social-icons-wrapper{display:flex!important;flex-direction:column;gap:6px;width:27px}
.ppn-hsoc .elementor-widget-container{width:27px}
.ppn-hsoc .elementor-grid-item{margin:0!important}
.ppn-hsoc .elementor-social-icon{display:flex!important;align-items:center;justify-content:center;width:27px!important;height:27px!important;padding:0!important;font-size:13px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .15s}
.ppn-hsoc .elementor-social-icon i{color:#fff!important}
.ppn-hsoc .elementor-social-icon svg{fill:#fff!important;width:13px;height:13px}
.ppn-hsoc .elementor-social-icon:hover{background:#C41939!important;border-color:#C41939;transform:scale(1.06)}
}
@media (prefers-reduced-motion:reduce){.ppn-hbar.is-stuck,.ppnh-spanel{animation:none}.ppnh-home span{transition:none}}
/* pictos du menu (masques SVG) */
@media (min-width:1025px){
.ppn-hbar li.ppn-mi-march{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.5%207.6%208.6h2.6l-4%205.4h3L5%2019.5h14l-4.2-5.5h3l-4-5.4h2.6z%22%2F%3E%3Cpath%20d%3D%22M12%2019.5V22%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-recet{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2013.9A4%204%200%200%201%207.5%206a5%205%200%200%201%209%200A4%204%200%200%201%2018%2013.9V20H6z%22%2F%3E%3Cpath%20d%3D%22M6%2017h12%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-tutos{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M10%207V4.5h4V7%22%2F%3E%3Cpath%20d%3D%22M12%204.5V2.5%22%2F%3E%3Cpath%20d%3D%22M5.5%2012.5c2%201.3%204.2%202%206.5%202s4.5-.7%206.5-2%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-actua{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h13v14H6a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M17%209h3v8a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20d%3D%22M7.5%209h6M7.5%2012.5h6M7.5%2016h3.5%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-color{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16.5%203.5a2.1%202.1%200%200%201%203%203L8%2018l-4%201%201-4z%22%2F%3E%3Cpath%20d%3D%22M14.5%205.5l3%203%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-ecrir{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3.5%206.5%208.5%206%208.5-6%22%2F%3E%3C%2Fsvg%3E")}
.ppn-hbar li.ppn-mi-newsl{--ppn-ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208a6%206%200%200%201%2012%200c0%207%203%208.5%203%208.5H3S6%2015%206%208%22%2F%3E%3Cpath%20d%3D%22M10.3%2020a2%202%200%200%200%203.4%200%22%2F%3E%3C%2Fsvg%3E")}
}

/* ouverture des sous-menus au survol/clavier aussi en CSS (en plus de SmartMenus) */
@media (min-width:1025px){
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li{position:relative}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li>ul.sub-menu{top:100%!important;left:0!important;margin-left:0!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:hover>ul.sub-menu,.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:focus-within>ul.sub-menu{display:block!important;width:auto!important}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li:hover>a.elementor-item:not(.ppn-x){background:rgba(255,255,255,.16)}
.ppn-hbar .elementor-nav-menu--main>.elementor-nav-menu>li.ppn-mi-march:hover>a.elementor-item{background:#D62447}
}