/* Créapasse: keep the account popover above the menu and the header above page content. */
.cp-storefront #header{position:relative;z-index:1000}
.cp-storefront #header .main-header{position:relative;z-index:40}
.cp-storefront #header .header-login,#header #header_user_info{position:relative;z-index:60}
.cp-storefront #header .ets_solo_social_wrapper{z-index:80!important}
.cp-storefront #header .cp-nav{position:relative;z-index:30;overflow:visible}
.cp-storefront #header .cp-nav .cp-desktop-links{justify-content:center;gap:8px;padding:0 12px}
.cp-storefront #header .cp-nav .cp-desktop-links>a,
.cp-storefront #header .cp-nav .cp-nav-group>summary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border-radius:7px;font-size:13px;font-weight:500;white-space:nowrap;transition:background-color .16s ease,color .16s ease}
.cp-storefront #header .cp-nav .cp-desktop-links>a:hover,
.cp-storefront #header .cp-nav .cp-nav-group>summary:hover,
.cp-storefront #header .cp-nav .cp-nav-group[open]>summary{background:#f2f5fa;color:#1546ae}
.cp-storefront #header .cp-nav .cp-dropdown{z-index:90}
@media(max-width:1000px){.cp-storefront #header .cp-nav .cp-desktop-links{gap:2px;padding:0 8px}.cp-storefront #header .cp-nav .cp-desktop-links>a,.cp-storefront #header .cp-nav .cp-nav-group>summary{padding:10px 8px;font-size:12px}}
@media(max-width:600px){.cp-storefront #header .cp-nav{z-index:30}.cp-storefront #header .cp-nav .cp-mobile-links a{display:block;padding:12px 14px;min-height:44px;border-radius:6px}}
