/**
 * 强制所有页面使用 Logo Tablet & Mobile
 * 
 * 此CSS覆盖主题默认的Logo显示规则，确保所有页面
 * （包括使用header-layout-3等特殊布局的页面）都显示
 * 后台设置的 "Logo Tablet & Mobile" 图片
 */

/* 1. 隐藏其他所有Logo */
#site-header-wrap .site-branding .logo-dark,
#site-header-wrap .site-branding .logo-light,
#site-header-wrap .site-branding .logo-square {
    display: none !important;
    opacity: 0 !important;
}

/* 2. 让 logo-mobile 始终可见并正确定位 */
#site-header-wrap .site-branding .logo-mobile {
    position: static !important;
    opacity: 1 !important;
    display: inline-block !important;
    transform: none !important;
}

/* 3. 确保在所有header布局下都正确显示 */
#site-header-wrap.header-layout2 .site-branding .logo-mobile,
#site-header-wrap.header-layout3 .site-branding .logo-mobile,
#site-header-wrap.header-layout7 .site-branding .logo-mobile {
    opacity: 1 !important;
    display: inline-block !important;
}

/* 4. Sticky header 状态下保持一致 */
#site-header-wrap #site-header.h-fixed .site-branding .logo-mobile {
    opacity: 1 !important;
    display: inline-block !important;
}

#site-header-wrap #site-header.h-fixed .site-branding .logo-dark,
#site-header-wrap #site-header.h-fixed .site-branding .logo-light,
#site-header-wrap #site-header.h-fixed .site-branding .logo-square {
    display: none !important;
    opacity: 0 !important;
}