/*
 * ========================================================
 * HUICheng MALL
 * GLOBAL TOP MODAL LAYER V1
 *
 * 目标：
 * 1. 城市手动选择弹窗永远位于导航之上
 * 2. “我的 / 头像”菜单永远位于导航之上
 * 3. 不修改任何导航本身的层级
 * ========================================================
 */


/* ========================================================
   1. 城市选择遮罩
======================================================== */

#locationModal{
    z-index:2147483600 !important;
}


/* ========================================================
   2. 城市选择主体
======================================================== */

#locationModal .location-box{
    position:relative;
    z-index:2147483601 !important;
}


/* ========================================================
   3. 顶部“我的 / 头像”交互区域
======================================================== */

.eco-gh-user-panel,
.header .user-area,
.header .user-info,
.header .user-center{
    z-index:2147483602 !important;
}


/* ========================================================
   4. “我的 / 头像”下拉菜单
======================================================== */

.user-menu,
.eco-gh-user-panel .user-menu,
.header .user-menu{
    z-index:2147483603 !important;
}


/*
 * ========================================================
 * HC_AVATAR_TOP_LAYER_V2
 *
 * 根因：
 * .eco-gh-user-panel 虽然拥有很高 z-index，
 * 但仍受 header.eco-global-header 父级
 * stacking context 限制。
 *
 * 因此提升整个 Header stacking context，
 * 再提升 user 容器与 panel。
 *
 * 城市选择弹窗仍保持在 Header 之上。
 * ========================================================
 */


/* --------------------------------------------------------
   Header 根层级
   高于商城二级导航等普通页面浮层
-------------------------------------------------------- */

html body > header.eco-global-header,
body header.eco-global-header,
header.eco-global-header{
    position:relative !important;
    z-index:2147483500 !important;
    overflow:visible !important;
}


/* --------------------------------------------------------
   Header 内部容器不能裁切头像菜单
-------------------------------------------------------- */

html body > header.eco-global-header > .eco-gh-inner,
body header.eco-global-header > .eco-gh-inner{
    overflow:visible !important;
}


/* --------------------------------------------------------
   “我的”父容器
-------------------------------------------------------- */

html body > header.eco-global-header .eco-gh-user.user-box,
body header.eco-global-header .eco-gh-user.user-box{
    position:relative !important;
    z-index:2147483501 !important;
    overflow:visible !important;
}


/* --------------------------------------------------------
   头像 / 我的弹窗主体
-------------------------------------------------------- */

html body > header.eco-global-header
.eco-gh-user.user-box
> .eco-gh-user-panel.user-panel,

body header.eco-global-header
.eco-gh-user.user-box
> .eco-gh-user-panel.user-panel{

    z-index:2147483502 !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;
}


/* --------------------------------------------------------
   菜单内容
-------------------------------------------------------- */

html body > header.eco-global-header
.eco-gh-user-panel.user-panel
.user-menu{

    position:relative !important;
    z-index:2147483503 !important;
}


/*
 * 城市手动选择仍然是最高层：
 *
 * locationModal = 2147483600
 * location-box   = 2147483601
 *
 * 因此：
 *
 * 城市弹窗
 *     >
 * Header / 我的弹窗
 *     >
 * 二级导航 / 页面普通浮层
 */