/**
 * Copyright © ProAnalise. All rights reserved.
 * 
 * SOBRESCREVER TODAS AS REGRAS DO LUMA RELACIONADAS A COLUMNS/MAIN/SIDEBAR
 * Não usamos sistema de colunas do Magento - apenas Bootstrap puro
 * Estrutura: page-header | page-content | page-footer
 * 
 * ESPECIFICIDADE MÁXIMA para sobrescrever styles-l.css do Luma
 */

/* ============================================
   REMOVER TODAS AS REGRAS DE COLUMNS/MAIN/SIDEBAR
   ESPECIFICIDADE MÁXIMA: body + múltiplas classes
   ============================================ */

/* Sobrescrever TODOS os layouts de colunas - ESPECIFICIDADE MÁXIMA */
body .page-layout-1column .column.main,
body .page-layout-2columns-left .column.main,
body .page-layout-2columns-right .column.main,
body .page-layout-3columns .column.main,
body .page-layout-1column-bootstrap .column.main,
body.page-layout-1column .column.main,
body.page-layout-2columns-left .column.main,
body.page-layout-2columns-right .column.main,
body.page-layout-3columns .column.main,
body.page-layout-1column-bootstrap .column.main,
body .columns .column.main,
body .page-wrapper .page-main .columns .column.main,
body .column.main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    flex: none !important;
    order: unset !important;
    -ms-flex-order: unset !important;
    -webkit-order: unset !important;
}

body .columns,
body .page-wrapper .columns,
body .page-main .columns {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
}

/* Sobrescrever regra específica do Luma @media (min-width: 769px) - ESPECIFICIDADE MÁXIMA */
@media (min-width: 769px), print {
    body .page-layout-1column .column.main,
    body .page-layout-2columns-left .column.main,
    body .page-layout-2columns-right .column.main,
    body .page-layout-3columns .column.main,
    body .page-layout-1column-bootstrap .column.main,
    body.page-layout-1column .column.main,
    body.page-layout-2columns-left .column.main,
    body.page-layout-2columns-right .column.main,
    body.page-layout-3columns .column.main,
    body.page-layout-1column-bootstrap .column.main,
    body .columns .column.main,
    body .page-wrapper .page-main .columns .column.main,
    body .column.main {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        -ms-flex-order: unset !important;
        -webkit-order: unset !important;
        order: unset !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Remover sidebars - não usamos */
.sidebar-main,
.sidebar-additional {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Estrutura page-header | page-content | page-footer */
.page-header,
.page-content,
.page-footer {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-content,
main#maincontent {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-content .content,
.content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Container Bootstrap - centralizar conteúdo */
.container {
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}