/**
 * WPBakery Page Builder 兼容性修复
 * 解决WPBakery内容不显示的问题
 * 最后更新：2026-04-02
 */

/* ==================== 通用WPBakery元素修复 ==================== */

/* 强制显示所有 WPBakery 元素 */
.vc_row,
.vc_column,
.vc_column_inner,
.vc_row:after,
.vc_row:before {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.wpb_row,
.wpb_column,
.wpb_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保容器正常显示 */
.vc_row.vc_row-flex {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.vc_column_container {
    display: block !important;
    position: relative !important;
}

.vc_column_container > .vc_column-inner {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
}

/* 确保内容区域正常显示 */
.entry-content .vc_row,
.entry-content .wpb_row,
.site-main .vc_row,
.site-main .wpb_row {
    display: block !important;
    width: 100% !important;
    clear: both !important;
}

/* 修复可能的定位问题 */
.vc_row,
.wpb_row {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* 修复高度问题 */
.vc_row,
.vc_column,
.wpb_row,
.wpb_column,
.vc_column_inner,
.wpb_wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* 修复宽度问题 */
.vc_row,
.wpb_row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* 修复z-index问题 */
.vc_row,
.vc_column,
.wpb_row,
.wpb_column {
    z-index: auto !important;
}

/* 修复溢出问题 */
.vc_row,
.vc_column,
.wpb_row,
.wpb_column {
    overflow: visible !important;
}

/* 确保内容正常显示 */
.wpb_wrapper,
.vc_column_inner {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
}

/* 修复文本内容显示 */
.vc_row p,
.vc_column p,
.wpb_row p,
.wpb_column p,
.vc_row span,
.vc_column span,
.wpb_row span,
.wpb_column span {
    display: inline !important;
    visibility: visible !important;
}

/* 修复链接显示 */
.vc_row a,
.vc_column a,
.wpb_row a,
.wpb_column a {
    display: inline !important;
}

/* 修复图片显示 */
.vc_row img,
.vc_column img,
.wpb_row img,
.wpb_column img {
    display: inline-block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 响应式修复 */
@media (max-width: 767px) {
    .vc_row.vc_row-flex {
        flex-direction: column !important;
    }
    
    .vc_column_container {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .vc_column_container > .vc_column_inner {
        padding: 0 10px !important;
    }
}

/* 特定主题容器内的修复 */
.container .vc_row,
.container .wpb_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 确保在主题结构中正常显示 */
.site-main .vc_row,
.site-main .wpb_row,
.entry-content .vc_row,
.entry-content .wpb_row {
    display: block !important;
}

/* 修复可能的透明度问题 */
.vc_row,
.vc_column,
.wpb_row,
.wpb_column,
.vc_column_inner,
.wpb_wrapper {
    opacity: 1 !important;
}

/* 修复可能的变换问题 */
.vc_row,
.vc_column,
.wpb_row,
.wpb_column {
    transform: none !important;
}

/* 确保所有子元素可见 */
.vc_row *,
.vc_column *,
.wpb_row *,
.wpb_column * {
    visibility: visible !important;
}

/* ==================== 产品详情页（Portfolio Page）特殊修复 ==================== */

/* 强制显示产品详情页的所有内容 */
.single-portfolio_page .entry-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 20px 0 !important;
    min-height: 100px !important;
}

/* 强制显示entry-content内的所有直接子元素 */
.single-portfolio_page .entry-content > * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: auto !important;
    transform: none !important;
    clip: auto !important;
    clip-path: none !important;
    mask: none !important;
    filter: none !important;
}

/* 强制显示所有文本元素 */
.single-portfolio_page .entry-content p,
.single-portfolio_page .entry-content h1,
.single-portfolio_page .entry-content h2,
.single-portfolio_page .entry-content h3,
.single-portfolio_page .entry-content h4,
.single-portfolio_page .entry-content h5,
.single-portfolio_page .entry-content h6,
.single-portfolio_page .entry-content span,
.single-portfolio_page .entry-content div,
.single-portfolio_page .entry-content ul,
.single-portfolio_page .entry-content ol,
.single-portfolio_page .entry-content li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
}

/* 恢复段落间距 */
.single-portfolio_page .entry-content p {
    margin: 15px 0 !important;
    display: block !important;
}

/* 恢复标题样式和间距 */
.single-portfolio_page .entry-content h1 {
    display: block !important;
    font-size: 32px !important;
    font-weight: bold !important;
    margin: 30px 0 15px !important;
}

.single-portfolio_page .entry-content h2 {
    display: block !important;
    font-size: 28px !important;
    font-weight: bold !important;
    margin: 25px 0 12px !important;
}

.single-portfolio_page .entry-content h3 {
    display: block !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 20px 0 10px !important;
}

.single-portfolio_page .entry-content h4 {
    display: block !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 18px 0 8px !important;
}

/* 强制显示并格式化列表 */
.single-portfolio_page .entry-content ul,
.single-portfolio_page .entry-content ol {
    display: block !important;
    padding-left: 30px !important;
    margin: 15px 0 !important;
}

.single-portfolio_page .entry-content li {
    display: list-item !important;
    list-style: disc !important;
    margin: 8px 0 !important;
}

.single-portfolio_page .entry-content ol li {
    list-style: decimal !important;
}

/* 强制显示图片 */
.single-portfolio_page .entry-content img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 20px 0 !important;
}

/* 强制显示链接 */
.single-portfolio_page .entry-content a {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #165DFF !important;
}

/* 强制显示粗体和斜体 */
.single-portfolio_page .entry-content strong,
.single-portfolio_page .entry-content b {
    display: inline !important;
    font-weight: bold !important;
}

.single-portfolio_page .entry-content em,
.single-portfolio_page .entry-content i {
    display: inline !important;
    font-style: italic !important;
}

/* 修复可能的表格隐藏 */
.single-portfolio_page .entry-content table {
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    margin: 20px 0 !important;
    border-collapse: collapse !important;
}

.single-portfolio_page .entry-content tr {
    display: table-row !important;
}

.single-portfolio_page .entry-content td,
.single-portfolio_page .entry-content th {
    display: table-cell !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
}

/* 修复可能的代码块隐藏 */
.single-portfolio_page .entry-content pre {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #f5f5f5 !important;
    padding: 15px !important;
    margin: 20px 0 !important;
    overflow-x: auto !important;
}

.single-portfolio_page .entry-content code {
    display: inline !important;
    font-family: monospace !important;
    background: #f5f5f5 !important;
    padding: 2px 6px !important;
}

/* 修复可能的隐藏类 */
.single-portfolio_page .entry-content .hidden,
.single-portfolio_page .entry-content .d-none,
.single-portfolio_page .entry-content .display-none,
.single-portfolio_page .entry-content .invisible {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 修复可能的视口隐藏类 */
.single-portfolio_page .entry-content .sr-only,
.single-portfolio_page .entry-content .visually-hidden,
.single-portfolio_page .entry-content .sr-only-focusable {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
}

/* 修复WPBakery在产品详情页中的特定元素 */
.single-portfolio_page .entry-content .vc_row,
.single-portfolio_page .entry-content .wpb_row {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-bottom: 0 !important;
}

.single-portfolio_page .entry-content .vc_column,
.single-portfolio_page .entry-content .wpb_column {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

.single-portfolio_page .entry-content .vc_column_inner,
.single-portfolio_page .entry-content .wpb_wrapper {
    width: 100% !important;
    padding: 0 !important;
}

/* 修复可能的负margin导致内容被推出视口 */
.single-portfolio_page .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 响应式修复 - 确保所有设备上都显示 */
@media (max-width: 767px) {
    .single-portfolio_page .entry-content,
    .single-portfolio_page .entry-content > * {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .single-portfolio_page .entry-content,
    .single-portfolio_page .entry-content > * {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 992px) {
    .single-portfolio_page .entry-content,
    .single-portfolio_page .entry-content > * {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* 修复可能的markdown转换后的内容 */
.single-portfolio_page .entry-content h2:first-child,
.single-portfolio_page .entry-content h3:first-child {
    margin-top: 0 !important;
}

/* 确保图片容器可见 */
.single-portfolio_page .entry-content figure,
.single-portfolio_page .entry-content .wp-caption {
    display: block !important;
    margin: 20px 0 !important;
}

/* 确保引用块可见 */
.single-portfolio_page .entry-content blockquote {
    display: block !important;
    margin: 20px 0 !important;
    padding: 15px 20px !important;
    background: #f9f9f9 !important;
    border-left: 4px solid #165DFF !important;
}

/* 确保分隔线可见 */
.single-portfolio_page .entry-content hr {
    display: block !important;
    margin: 30px 0 !important;
    border: none !important;
    border-top: 1px solid #eee !important;
}

/* 修复可能的内联样式覆盖 */
.single-portfolio_page .entry-content *[style*="display: none"] {
    display: block !important;
}

.single-portfolio_page .entry-content *[style*="visibility: hidden"] {
    visibility: visible !important;
}

.single-portfolio_page .entry-content *[style*="opacity: 0"] {
    opacity: 1 !important;
}

.single-portfolio_page .entry-content *[style*="height: 0"] {
    height: auto !important;
}

.single-portfolio_page .entry-content *[style*="width: 0"] {
    width: auto !important;
}

/* 修复可能的clip属性 */
.single-portfolio_page .entry-content *[style*="clip"] {
    clip: auto !important;
    clip-path: none !important;
}

/* 确保内容区域有足够的最小高度 */
.single-portfolio_page .entry-content {
    min-height: 200px !important;
}