/**
 * Herrington + Elementor Containers
 * A estrutura do page.php do tema usa .elementor-container como wrapper da página.
 * O código abaixo neutraliza somente esse wrapper externo, sem transformar todos
 * os containers internos em full width.
 */

body.herrington-elementor-container-fix .herrington-elementor-page-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.herrington-elementor-container-fix .herrington-elementor-page-wrapper > .pxl-content-wrap.no-sidebar {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.herrington-elementor-container-fix .herrington-elementor-page-wrapper > .pxl-content-wrap.no-sidebar > #pxl-content-area {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.herrington-elementor-container-fix #pxl-content-main,
body.herrington-elementor-container-fix .pxl-entry-content,
body.herrington-elementor-container-fix .pxl-entry-content > .elementor {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/*
 * Classe opcional para um container específico encostar nas bordas da viewport.
 * No Elementor: Avançado > Classes CSS > pxl-full-bleed
 */
body.herrington-elementor-container-fix .e-con.pxl-full-bleed,
body.herrington-elementor-container-fix .elementor-section.pxl-full-bleed {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: -50vw !important;
    --width: 100vw;
    --max-width: 100vw;
}

/* Remove apenas o espaçamento lateral do próprio container marcado. */
body.herrington-elementor-container-fix .e-con.pxl-full-bleed {
    --padding-left: 0px;
    --padding-right: 0px;
}

/* Evita uma barra horizontal causada pelo arredondamento de 100vw. */
body.herrington-elementor-container-fix {
    overflow-x: clip;
}

@supports not (overflow: clip) {
    body.herrington-elementor-container-fix {
        overflow-x: hidden;
    }
}