/* ==================== BOXED LAYOUT ==================== */
[data-layout-width="boxed"] {
    background-color: var(--boxed-bg-color, #f3f4f6);
}

[data-layout-width="boxed"] body {
    background-color: var(--boxed-bg-color, #f3f4f6);
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* Site Wrapper - centered box */
[data-layout-width="boxed"] .site-wrapper {
    max-width: 1400px !important;
    margin: 10px auto !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* Boxed background types — colors/structure only.
   Pattern overlays: box-patterns.css + main.php (theme customizer).
   Image/gradient: main.php inline theme styles. */
[data-layout-width="boxed"][data-boxed-bg-type="solid"] body {
    background-color: var(--boxed-bg-color, #f3f4f6);
}

[data-layout-width="boxed"][data-boxed-bg-type="pattern"] body {
    background-color: var(--boxed-bg-color, #f3f4f6);
    background-image: none;
}

[data-layout-width="boxed"][data-boxed-bg-type="image"] body,
[data-layout-width="boxed"][data-boxed-bg-type="gradient"] body {
    background-image: none;
}

[data-layout-width="boxed"][data-boxed-bg-type="none"] body {
    background: none;
}
/* ==================== END BOXED LAYOUT ==================== */