/**
 * PC 端关键 CSS - 防止页面加载时内容闪烁
 * 从 header.php 内联样式提取，减少 HTML 文档体积
 *
 * @package HiTemp
 * @since 2.5.1
 */

/* 防止轮播非活动项闪现 */
.banner-slide:not(.active) { display: none !important; }
.topbar-slide:not(.active) { display: none !important; }

/* 确保页面主体内容立即显示 */
html, body {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #f8fafc !important;
    transition: none !important;
}
#page, .site {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #f8fafc !important;
    transition: none !important;
}
.hitemp-main, main, .site-main {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: inherit !important;
    transition: none !important;
}
.container, .content-area {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* 确保所有页面内容立即显示 */
.category-page,
.product-detail-page,
.single,
.archive,
.posts-grid,
.post-card {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* 详情页布局立即应用，防止重排闪烁 */
.product-layout {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    gap: 50px !important;
    align-items: start !important;
}
.product-info { order: 2 !important; }
.product-gallery { order: 1 !important; }

/* tab-panel 防闪烁 */
.tab-panel { display: none !important; }
.tab-panel.active { display: block !important; }

/* 确保弹窗默认隐藏 */
.purchase-modal,
.purchase-modal-overlay,
.auth-modal,
.auth-modal-overlay,
.checkin-modal,
.checkin-modal-overlay {
    opacity: 0 !important;
    visibility: hidden !important;
}
.purchase-modal.show,
.auth-modal.show,
.auth-modal-overlay.show,
.checkin-modal.show {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 992px) {
    .product-layout {
        grid-template-columns: 1fr !important;
    }
}

/* 延迟显示特定装饰元素 */
.hero-banner {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.hitemp-floating-nav {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.top-bar {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.main-navigation {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.header-search-form {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 防止移动端页面加载时 banner 闪现 */
.mobile-version .hero-banner { opacity: 0; }
.mobile-version .banner-slide:not(.active) { display: none !important; }