/* ===== 模块：首页搜索栏移入顶部导航 ===== */

/* 默认不显示；≥992px（有导航菜单的尺寸）才插入显示 */
.ohc-nav-search {
    display: none;
}

@media (min-width: 992px) {
    .ohc-nav-search {
        display: block;
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 26px;
        max-width: 420px;
    }

    /* 搜索已常驻导航，隐藏主题的放大镜（点开下拉搜索）避免重复 */
    .navbar.ohc-has-navsearch .toggle-search {
        display: none !important;
    }
}

/* 搜索框：由「蓝色大区内的白色大胶囊」改成导航内的浅灰小胶囊 */
.ohc-nav-search .search-form {
    margin: 0 !important;
    width: 100% !important;
    max-width: none;
    background: #f3f5f9 !important;
    box-shadow: none !important;
    border-radius: 22px !important;
    transition: background .2s ease;
}
.ohc-nav-search .search-form:hover {
    background: #eef1f7 !important;
    box-shadow: none !important;
}
.ohc-nav-search .search-form > form {
    height: 40px;
}
.ohc-nav-search .search-form .search-select {
    max-width: 118px;
}
.ohc-nav-search .search-form .search-select .form-select,
.ohc-nav-search .search-form .search-fields,
.ohc-nav-search .search-form .search-fields input {
    font-size: .9rem;
}
.ohc-nav-search .search-form .search-select .form-select {
    padding: .32rem 1.9rem .32rem .95rem;
}
.ohc-nav-search .search-form .search-fields input {
    padding: .32rem 2.2rem .32rem .95rem;
}

/* 暗色：跟随主题变深 */
html[data-bs-theme="dark"] .ohc-nav-search .search-form {
    background: #20242c !important;
}
html[data-bs-theme="dark"] .ohc-nav-search .search-form:hover {
    background: #262b34 !important;
}

/* 搜索框被搬走后，原来的蓝色大区彻底收起 */
.home-widget.home-search-box.ohc-search-moved {
    display: none !important;
}

/* 顶部导航（含搜索栏）滚动后吸顶：覆盖主题 .navbar-sticky 的 fixed 行为，统一用 sticky 钉在顶部
   —— 否则主题 JS 滚动时加 .navbar-sticky 触发 position:fixed!important（无 top），搜索栏会"失踪" */
html body > .site-header,
html body > .site-header.navbar-sticky {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1990 !important;
    transform: none !important;
    background-color: #ffffff !important;
    color: #29292e !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07) !important;
    transition: background-color .2s ease, box-shadow .2s ease;
}
/* 登录态 WP 管理条占位，避免被 admin bar 遮住 */
html body.admin-bar > .site-header {
    top: 32px !important;
}
/* 暗色模式：跟随主题翻深 */
html[data-bs-theme="dark"] body > .site-header,
html[data-bs-theme="dark"] body > .site-header.navbar-sticky {
    background-color: #16181d !important;
    color: #c3c9d4 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}
/* 钉住后导航文字/链接用常规深色（覆盖主题 transparent 态的白色文字，否则浅底上看不清） */
html body > .site-header .navbar,
html body > .site-header .navbar .nav-list > .menu-item > a,
html body > .site-header .navbar .actions .action-btn {
    color: #29292e !important;
}
html[data-bs-theme="dark"] body > .site-header .navbar,
html[data-bs-theme="dark"] body > .site-header .navbar .nav-list > .menu-item > a,
html[data-bs-theme="dark"] body > .site-header .navbar .actions .action-btn {
    color: #c3c9d4 !important;
}