/**
 * 全屏寬度強制樣式
 * 覆蓋WordPress默認容器限制
 */

/* 確保頁面無多餘間距 */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

/* WordPress默認樣式重置 */
#page, .wp-site-blocks {
    margin: 0 !important;
    padding: 0 !important;
}

/* 移除WordPress admin bar造成的頂部空隙 */
html {
    margin-top: 0 !important;
}

body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 導航 top 由 mobile-responsive.css 的 --eazypcb-nav-offset 與 nav-admin-bar-offset.js 統一處理 */

/* 確保Hero section緊貼導航栏 */
.hero-section {
    margin-top: 0 !important;
}

/* 通用全屏樣式 - 最高優先級 */
body .wp-block-group,
body .is-layout-constrained,
body main.wp-block-group {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Hero區域強制全屏 */
body .hero-section,
body .full-width-section,
body section[style*="100vw"],
body section[class*="bg-gray"] {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 覆蓋所有可能的容器限制 */
body .wp-site-blocks,
body .wp-block-post-content,
body .entry-content {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 確保內容區域全屏 */
body .wp-block-group > .wp-block-group__inner-container {
    max-width: none !important;
}

/* Tailwind容器覆蓋 */
body .max-w-7xl {
    max-width: 80rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

/* 響應式調整 */
@media (max-width: 768px) {
    body .max-w-7xl {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* 確保背景色延伸到邊緣 */
body section[style*="background"],
body .bg-gray-50,
body .py-20 {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}