/**
 * Mobile Debug Fix - 移动端调试和修复
 * 强力移除所有可能导致顶部白色方框的元素
 * @package Corporate_Theme
 */

/* ==========================================================================
   移动端强力修复 - 移除所有顶部空白
   ========================================================================== */
@media (max-width: 768px) {
    
    /* 移除 body 和主容器的所有顶部间距 */
    body,
    body.home,
    body.page,
    body.single,
    body.archive {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* 移除 WordPress 管理栏影响 */
    body.admin-bar {
        padding-top: 0 !important;
    }
    
    body.admin-bar .site-header {
        top: 46px !important;
    }
    
    /* 主容器 */
    #page,
    .site {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Header 区域 */
    #masthead,
    .site-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff !important;
    }
    
    /* 移除 header 的伪元素 */
    .site-header::before,
    .site-header::after,
    #masthead::before,
    #masthead::after {
        content: none !important;
        display: none !important;
    }
    
    /* Header 容器 */
    .site-header .container,
    #masthead .container {
        margin-top: 0 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
    
    /* 隐藏可能的 Polylang 语言切换器横幅 */
    .pll-switcher-banner,
    .language-switcher-banner,
    #polylang-banner {
        display: none !important;
    }
    
    /* 隐藏可能的通知栏 */
    .site-notice,
    .top-banner,
    .announcement-bar,
    .promo-bar {
        display: none !important;
    }
    
    /* 移除内容区域顶部间距 */
    #content,
    .site-content,
    #main,
    .site-main {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Logo 区域 */
    .site-branding {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .custom-logo-link {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block;
    }
    
    .custom-logo {
        margin: 0 !important;
        padding: 0 !important;
        max-height: 40px;
        width: auto;
        display: block;
    }
    
    /* 导航区域 */
    .main-navigation {
        margin-top: 0 !important;
    }
    
    /* 语言切换器 */
    .header-language-switcher {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        padding-bottom: 12px !important;
        min-height: auto !important;
        height: auto !important;
    }
    
    .language-dropdown {
        min-height: auto !important;
        height: auto !important;
    }
    
    /* 关键修复：隐藏未展开的下拉菜单，不占据空间 */
    .language-dropdown-menu {
        display: none !important;
        position: static !important;
        width: 100%;
        margin-top: 0.5rem;
        border: 1px solid var(--border-color);
        box-shadow: none;
        transform: none !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* 只有展开时才显示 */
    .language-dropdown-toggle[aria-expanded="true"] + .language-dropdown-menu {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* 移除任何固定定位的顶部元素（除了 header） */
    body > *:not(#page):not(#wpadminbar) {
        position: static !important;
    }
    
    /* 确保没有浮动元素影响布局 */
    .site-header * {
        float: none !important;
    }
}

/* ==========================================================================
   调试模式 - 显示元素边界（开发时使用）
   ========================================================================== */
/* 取消注释以下代码来调试布局问题 */
/*
@media (max-width: 768px) {
    body * {
        outline: 1px solid rgba(255, 0, 0, 0.2);
    }
    
    .site-header {
        outline: 2px solid red !important;
    }
    
    .site-header .container {
        outline: 2px solid blue !important;
    }
    
    .site-branding {
        outline: 2px solid green !important;
    }
    
    .main-navigation {
        outline: 2px solid orange !important;
    }
    
    .header-language-switcher {
        outline: 2px solid purple !important;
    }
}
*/