/**
 * WooCommerce页面大logo修复样式
 * 
 * 此CSS文件专门用于修复WooCommerce页面显示大logo的问题
 */

/* 隐藏首页装饰元素 */
.sun-decoration,
.sun-container,
.sun-element,
.sun-glow-bg,
.ui-homepage-container,
.decorative-layer,
.main-background,
.landscape-bg,
.background-layer,
.background-image,
.new-homepage-container {
    display: none !important;
    visibility: hidden !important;
}

/* 重置body背景 */
body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.single-product {
    background: #ffffff !important;
    background-image: none !important;
    background-size: auto !important;
    background-attachment: scroll !important;
    min-height: 100vh !important;
}

/* 确保header正常显示 */
.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 10px rgba(46, 78, 126, 0.1) !important;
}

/* 限制logo尺寸 */
.site-logo .logo-image {
    height: 40px !important;
    width: auto !important;
    max-width: 40px !important;
}

.site-logo .logo-icon {
    font-size: 2rem !important;
    width: 40px !important;
    height: 40px !important;
}

/* WooCommerce主内容区域 */
.woocommerce,
.woocommerce-page {
    background: #ffffff !important;
    padding-top: 100px !important;
    min-height: calc(100vh - 100px) !important;
}

/* 确保内容可见且布局正确 */
.woocommerce-page .site-main,
.woocommerce .site-main,
.single-product .site-main {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 100px 20px 40px !important;
    background: #ffffff !important;
}

/* WooCommerce特定页面修复 */
.woocommerce-checkout,
.woocommerce-cart,
.woocommerce-account {
    background: #ffffff !important;
    min-height: 100vh !important;
}

/* 产品页面修复 */
.single-product .product {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 购物车和结账页面修复 */
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout .checkout {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .woocommerce-page .site-main,
    .woocommerce .site-main,
    .single-product .site-main {
        padding: 100px 15px 20px !important;
    }
}

/* 额外保护 - 防止任何大型装饰元素显示 */
[class*="sun-"],
[class*="decoration"],
[class*="landscape"],
[class*="background"] {
    max-width: 100px !important;
    max-height: 100px !important;
}

/* 如果仍有巨大元素，强制缩小 */
body.woocommerce * {
    max-width: 100vw !important;
}

body.woocommerce img {
    max-width: 100% !important;
    height: auto !important;
}

/* 防止任何元素超出屏幕 */
body.woocommerce .site {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}