/* 
 * Astra Slide Search 移动端最小化修复
 * 只调整展开宽度，保留Astra原生UI和Live Search
 * 添加到 WPCode (CSS片段)
 */

@media (max-width: 921px) {
    
    /* 让搜索框向左展开有足够宽度 */
    .ast-search-menu-icon.slide-search .search-form,
    .ast-search-menu-icon.slide-search .search-field {
        width: 60vw !important;
        max-width: 300px !important;
        min-width: 200px !important;
    }
    
    /* 展开时的宽度 */
    .ast-search-menu-icon.slide-search.ast-dropdown-active .search-form,
    .ast-search-menu-icon.slide-search.active .search-form {
        width: 60vw !important;
        max-width: 300px !important;
    }
    
    /* 确保Live Search下拉菜单宽度匹配 */
    .ast-search-menu-icon.slide-search .ast-live-search-results,
    .ast-search-menu-icon .ast-search-dropdown {
        width: 60vw !important;
        max-width: 300px !important;
        min-width: 200px !important;
    }
    
    /* 确保搜索容器有足够的z-index */
    .ast-search-menu-icon.slide-search {
        z-index: 100 !important;
    }
    
    .ast-search-menu-icon.slide-search .search-form {
        z-index: 101 !important;
    }
    
    .ast-search-menu-icon.slide-search .ast-live-search-results {
        z-index: 102 !important;
    }
}