/**
 * 修复搜索框遮挡导航菜单和语言选择器的问题
 * 调整各层级元素的z-index - PC端特别优化
 */

/* 降低搜索框相关元素的z-index - 全局 */
.advanced-search-wrapper,
.search-container,
.search-form,
.search-box,
#advanced-search,
.advanced-search-box {
    position: relative;
    z-index: 1 !important; /* 大幅降低搜索框层级 */
}

/* 搜索页面的搜索框和筛选栏 - PC端特别降低 */
@media (min-width: 769px) {
    .page-search .search-header {
        position: relative !important;
        z-index: 1 !important; /* PC端搜索框最低优先级 */
    }
    
    .page-search .filter-section {
        position: sticky !important;
        top: 60px !important;
        z-index: 2 !important; /* PC端筛选栏略高于搜索框但仍很低 */
    }
    
    .page-search .search-page {
        position: relative !important;
        z-index: 1 !important;
    }
    
    .page-search .products-section {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* 提高导航菜单和下拉菜单的z-index - 确保最高优先级 */
.navbar-nav .dropdown-menu,
.nav-item .dropdown-menu,
.language-selector,
.language-dropdown,
.dropdown-menu,
.dropdown-submenu,
.mega-menu,
.nav-dropdown,
header .dropdown-menu,
nav .dropdown-menu,
.navbar .dropdown-menu,
.header .dropdown-menu,
.header-top .dropdown-menu {
    z-index: 9999 !important; /* 确保最高优先级 */
}

/* 提高语言选择器和其他header下拉项的层级 */
.language-selector-wrapper,
.lang-selector,
.currency-selector,
.account-dropdown,
header .dropdown,
nav .dropdown,
.header-top .dropdown,
.navbar .dropdown,
.header-dropdown {
    z-index: 9998 !important; /* 仅次于下拉菜单 */
}

/* 确保navbar和header在合适的层级 */
.navbar,
.main-nav,
.header-nav,
header nav,
header,
.header,
.site-header,
.main-header {
    z-index: 9990 !important; /* 高于页面内容但低于下拉菜单 */
}

/* 确保搜索结果下拉框仍然能正常显示但不影响导航 */
.search-suggestions,
.search-autocomplete,
.search-results-dropdown,
.autocomplete-dropdown {
    z-index: 50 !important; /* 适中层级，不影响导航 */
}

/* 修复Bootstrap模态框和下拉菜单 */
.modal {
    z-index: 10000 !important;
}

.modal-backdrop {
    z-index: 9999 !important;
}

/* 确保下拉菜单箭头和过渡效果正常 */
.dropdown-menu::before,
.dropdown-menu::after,
.dropdown-toggle::after {
    z-index: 9999 !important;
}

/* 移动端搜索栏固定时的z-index（移动端可以稍高） */
@media (max-width: 768px) {
    .page-search .search-header {
        z-index: 95 !important; /* 移动端固定时的层级 */
    }
    
    .page-search .filter-section {
        z-index: 94 !important; /* 移动端筛选栏层级 */
    }
    
    /* 移动端菜单确保最高层级 */
    .mobile-menu,
    .offcanvas-menu,
    .navbar-collapse {
        z-index: 10000 !important;
    }
    
    .mobile-menu-backdrop,
    .menu-backdrop {
        z-index: 9999 !important;
    }
}

/* 特殊处理：确保语言和货币选择器不被遮挡 */
.language-currency-selector,
.header-actions,
.header-right {
    position: relative;
    z-index: 9995 !important;
}

/* 确保二级菜单正常显示 */
.navbar-nav li:hover > .dropdown-menu,
.navbar-nav li.show > .dropdown-menu,
.dropdown:hover > .dropdown-menu,
.dropdown.show > .dropdown-menu {
    z-index: 9999 !important;
    display: block !important;
}

/* 修复可能的层叠上下文问题 */
.page-search {
    position: relative;
    z-index: auto !important; /* 避免创建新的层叠上下文 */
}