/* Styles communs : même ordre et même sigle sur PC et mobile. */
.epl-global-navigation{display:block!important;background:transparent!important}
body.epl-global-mobile-nav .epl-portfolio:not(.epl-global-navigation) > .epl-bottom-nav{display:none!important}
.epl-global-navigation .epl-nav-avatar{width:18px;height:18px;border-radius:0;background:currentColor!important;mask:url('assets/sigle.png') center/contain no-repeat;-webkit-mask:url('assets/sigle.png') center/contain no-repeat;overflow:visible}
.epl-global-navigation .epl-nav-avatar img{visibility:hidden}
.epl-global-navigation .epl-nav-link:hover{color:var(--ecn-page-color,#6e9be2)}
.ecn-brand{display:none}
.ecn-services{position:relative;min-width:0}
.ecn-expand{display:none}
.ecn-submenu[hidden]{display:none!important}
.ecn-submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:250px;padding:10px 18px;background:#fff;border:1px solid #eee9e4;border-radius:9px;box-shadow:0 10px 30px #0001}
.ecn-submenu a{display:block;padding:11px 0;color:#1e1e1e;text-decoration:none;font:400 11px/1.6 'Montserrat',Arial,sans-serif;letter-spacing:.035em;border-bottom:1px solid #eee9e4}
.ecn-submenu a:hover,.ecn-submenu a:focus-visible{color:var(--ecn-page-color,#6e9be2)}
.ecn-submenu .ecn-all{border:0;font-size:10px}
@media(min-width:601px){
 .epl-global-navigation{position:absolute;top:0;left:0;right:0;width:100%;z-index:1000}
 body.admin-bar .epl-global-navigation{top:32px}
 .epl-global-navigation .epl-bottom-nav{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0;padding:12px 5% 14px;border-top:0;border-bottom:1px solid #e6e2dd80;background:rgb(255 255 255 / 65%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .epl-global-navigation .ecn-brand{display:block;width:150px;margin-right:auto;flex-shrink:0}
 .ecn-brand img{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}
 .epl-global-navigation .epl-nav-link{width:clamp(64px,8vw,94px);height:58px;gap:7px;padding:0;font-size:10px}
 .epl-global-navigation .epl-nav-link svg{width:23px;height:23px}
 .ecn-services{padding-right:12px}
 .ecn-expand{display:block;position:absolute;right:-1px;top:8px;width:20px;height:40px;padding:0;background:transparent;border:0;color:inherit;font-size:15px}
 .ecn-services:has(.ecn-submenu:not([hidden])) > .epl-nav-link{color:var(--ecn-page-color,#6e9be2)}
}
@media(min-width:601px) and (max-width:782px){body.admin-bar .epl-global-navigation{top:46px}.epl-global-navigation .epl-bottom-nav{gap:3px;padding-left:3%;padding-right:3%}.epl-global-navigation .ecn-brand{width:125px}}
@media(max-width:600px){.ecn-submenu,.ecn-expand{display:none!important}.epl-global-navigation .epl-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.ecn-services>.epl-nav-link{width:100%}}
/* Isolation vis-à-vis des styles de navigation de Portfolio et du thème. */
.epl-portfolio.epl-global-navigation{box-sizing:border-box;margin:0!important;padding:0!important;max-width:none!important;min-height:0!important}
.epl-portfolio.epl-global-navigation *{box-sizing:border-box}
@media(min-width:601px){
 body .epl-portfolio.epl-global-navigation{position:absolute!important;inset:0 0 auto!important;width:100%!important;z-index:1000}
 body.admin-bar .epl-portfolio.epl-global-navigation{top:32px!important}
 body .epl-portfolio.epl-global-navigation .epl-bottom-nav{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:12px 5% 14px!important;gap:14px!important;position:relative!important;inset:auto!important;background:rgba(255,255,255,.65)!important;border:0!important;border-bottom:1px solid #e6e2dd80!important;box-shadow:none!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
 body .epl-portfolio.epl-global-navigation .ecn-brand{display:block!important;flex:0 0 150px!important;width:150px!important;margin:0 auto 0 0!important}
 body .epl-portfolio.epl-global-navigation .epl-nav-link{flex:0 0 clamp(64px,8vw,94px)!important;width:clamp(64px,8vw,94px)!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0!important}
 body .epl-portfolio.epl-global-navigation .ecn-services{flex:0 0 auto!important;width:auto!important;margin:0!important}
}
@media(min-width:601px) and (max-width:782px){body.admin-bar .epl-portfolio.epl-global-navigation{top:46px!important}body .epl-portfolio.epl-global-navigation .ecn-brand{flex-basis:110px!important;width:110px!important}body .epl-portfolio.epl-global-navigation .epl-bottom-nav{gap:3px!important;padding-left:3%!important;padding-right:3%!important}}
@media(min-width:783px){body .epl-portfolio.epl-global-navigation .ecn-brand{flex-basis:190px!important;width:190px!important}body .epl-portfolio.epl-global-navigation .ecn-brand img{max-height:62px!important}}
@media(min-width:601px){body .epl-global-navigation .ecn-expand{top:auto;bottom:0;right:-2px;width:24px;height:22px;display:flex;align-items:center;justify-content:center;line-height:1;color:inherit}body .epl-global-navigation .ecn-expand svg{display:block;width:11px;height:11px;transition:transform .18s ease}body .epl-global-navigation .ecn-expand:hover{color:var(--ecn-page-color,#6e9be2)}body .epl-global-navigation .ecn-expand[aria-expanded=true] svg{transform:rotate(180deg)}}
@media(prefers-reduced-motion:reduce){body .epl-global-navigation .ecn-expand svg{transition:none}}
