/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ===================================================
   修复：Elementor + Woodmart wd-section-stretch 两侧留白
   根本原因：.entry-content 父容器宽度不等于视口宽度，
   导致 wd-section-stretch 的 left: calc(50% - 50vw) 计算偏移错误
=================================================== */

/* 1. 让 Elementor 根元素不受父级 padding 限制，宽度撑满 .wd-page-content */
.entry-content > .elementor,
.wd-entry-content > .elementor {
    width: 100%;
    max-width: 100%;
}

/* 2. wd-section-stretch 核心修复：
      强制用 margin 负值方案替代 left 偏移，更可靠 */
[class*="wd-section-stretch"].e-con.e-parent {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: auto !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box !important;
}

/* 3. 修复 Elementor Kit 中 Boxed Container 的最大宽度限制 */
.e-con.e-con-full {
    --container-max-width: 100%;
}

/* 4. 确保全宽 Section 的旧版结构也生效 */
.elementor-section.elementor-section-full_width > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* ===================================================
   修复：WoodMart website-wrapper / main-page-wrapper 左右留白
   根本原因：.wd-page-wrapper.website-wrapper 和
   .wd-page-content.main-page-wrapper 有 padding/max-width 限制
=================================================== */

/* 移除外层容器的 padding 限制 */
.wd-page-wrapper.website-wrapper,
.website-wrapper {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 移除内层容器的 max-width 和 padding 限制 */
.wd-page-content.main-page-wrapper,
.main-page-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ===================================================
   真正根因修复：.container.wd-entry-content 的 Bootstrap
   默认 padding 15px 导致 .elementor 无法撑满父容器
=================================================== */
.container.wd-entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 防止 body 本身出现横向滚动 */
body {
    overflow-x: hidden;
}