/**
 * Full Width Override for Astra Theme
 * This file forces full width layout by overriding all Astra container limits
 */

/* Override CSS Variables */
:root {
    --wp--custom--ast-content-width-size: 100% !important;
    --wp--custom--ast-wide-width-size: 100% !important;
    --ast-container-default-xlg-padding: 40px !important;
    --ast-container-default-lg-padding: 40px !important;
    --ast-container-default-md-padding: 30px !important;
    --ast-container-default-sm-padding: 20px !important;
    --ast-container-default-xs-padding: 20px !important;
}

/* Force all Astra containers to full width */
.ast-container,
.site-content > .ast-container,
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-container,
.ast-plain-container .site-content > .ast-container,
body .site-content > .ast-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* Override for boxed layout */
.ast-separate-container .site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Full width for entries */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Footer full width */
.site-footer .ast-container,
.ast-small-footer .ast-container,
footer .ast-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Elementor full width support */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-stretched,
.e-container,
.e-con {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove Elementor default padding if needed */
.elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .ast-container,
    .site-content > .ast-container,
    body .site-content > .ast-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 768px) {
    .ast-container,
    .site-content > .ast-container,
    body .site-content > .ast-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 544px) {
    .ast-container,
    .site-content > .ast-container,
    body .site-content > .ast-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}