/* ============================================
   AmentoJourn Theme - Layout & Elementor Overrides
   Wide layout with small padding on sides
   ============================================ */

/* Wide layout - stretches to full browser width with breathing room */
body {
    overflow-x: hidden;
}

#sj-wrapper,
.sj-contentwrapper {
    max-width: 100%;
    width: 100%;
}

/* Override Bootstrap container to wide mode */
.container {
    max-width: 1400px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 100% !important;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1200px !important;
    }
}

/* Header stretches full width */
#sj-header {
    width: 100%;
}

/* Footer stretches full width */
#sj-footer {
    width: 100%;
}

/* Main content area */
#sj-main {
    width: 100%;
}

/* ============================================
   Elementor Free Compatibility
   ============================================ */

/* Elementor pages: remove extra wrappers' padding */
.elementor-page #sj-content,
.elementor-page .sj-main > .container {
    padding: 0;
    max-width: 100%;
}

/* Elementor Full Width template: truly edge to edge */
.page-template-page-full-width .elementor-section.elementor-section-stretched {
    left: 0 !important;
    width: 100% !important;
}

/* Make sure Elementor sections fill properly */
.elementor-section-boxed > .elementor-container {
    max-width: 1400px;
}

/* Remove default page padding when Elementor is active on a page */
.elementor-page .sj-main.sj-sectionspace {
    padding-top: 0;
}

/* ============================================
   Responsive tweaks for wide layout
   ============================================ */
@media (max-width: 768px) {
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

@media (max-width: 480px) {
    .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}