/**
 * Nett Force Full-Width CSS Override
 * 
 * This CSS file forces all Elementor sections and containers to be full-width
 * with zero padding, overriding Elementor's default boxed layout settings.
 * 
 * Activated via: Nett Settings > Force Full-Width Layout
 */

/* ===== SECTION FULL-WIDTH OVERRIDE ===== */

/* Force all sections to full-width layout */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove section padding */
.elementor-section {
    padding: 0 !important;
}

/* Remove section content wrapper padding */
.elementor-section > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== CONTAINER FULL-WIDTH OVERRIDE ===== */

/* Force all containers to full-width */
.e-con,
.e-container,
.elementor-widget-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove container padding */
.e-con,
.e-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== COLUMN OVERRIDE ===== */

/* Remove column padding */
.elementor-column {
    padding: 0 !important;
}

/* Remove column wrapper padding */
.elementor-column-wrap,
.elementor-widget-wrap {
    padding: 0 !important;
}

/* ===== RESPONSIVE OVERRIDES ===== */

/* Tablet breakpoint */
@media (max-width: 1024px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .elementor-section,
    .e-con,
    .e-container,
    .elementor-column {
        padding: 0 !important;
    }
}

/* Mobile breakpoint */
@media (max-width: 767px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .elementor-section,
    .e-con,
    .e-container,
    .elementor-column {
        padding: 0 !important;
    }
}

/* ===== EDITOR MODE OVERRIDES ===== */

/* Apply same rules in Elementor editor */
.elementor-editor-active .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

.elementor-editor-active .elementor-section,
.elementor-editor-active .e-con,
.elementor-editor-active .e-container,
.elementor-editor-active .elementor-column {
    padding: 0 !important;
}

/* ===== INNER SECTION OVERRIDES ===== */

/* Force inner sections to full-width */
.elementor-inner-section {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.elementor-inner-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}