/*
 Theme Name:    Astra Child
 Description:   Astra Child Theme
 Author:        Your Name
 Template:      astra
 Version:       1.0.0
*/

/* 你的自定义代码写在下面 */
/* 1. 强力隐藏 Astra 单页面的标题区域 */
.page .entry-header, 
.page header.entry-header.ast-no-thumbnail {
    display: none !important;
}

/* 2. 精准消除右侧控制面板中显示的 #primary 容器的 60 间距 */
.page #primary.content-area.primary {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. 顺便清理可能包裹在里面的 main 和 article 默认上下间距 */
.page .site-main,
.page .ast-article-single {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* ==========================================================================
   【彻底解决】强制将整个 WooCommerce 产品详情页约束在 1300px 并完美居中
   ========================================================================== */
.single-product #primary.content-area.primary {
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 20px !important; 
    padding-right: 20px !important;
    
    /* 规范单品页主容器上下间距 */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 【精准控制】只给单品页面的顶部保留 20px 的安全间距 */
.single-product .site-content {
    padding-top: 20px !important;
    margin-top: 0 !important;
}

/* 彻底清理单品页其余内层组件可能叠加的额外间距，保证由上面那一行统一控死 */
.single-product .site-main,
.single-product .ast-article-single,
.single-product #content .ast-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}