/* =====================================================
   Bootstrap x WooCommerce
   ===================================================== */

/* Remove clearfix padrão do WooCommerce */
div.woocommerce .col2-set::before,
div.woocommerce .col2-set::after,
div.woocommerce-page .col2-set::before,
div.woocommerce-page .col2-set::after {
    content: none !important;
    display: none !important;
}

/* Colunas do WooCommerce */
div.woocommerce .col2-set,
div.woocommerce-page .col2-set,
div.woocommerce-account .col2-set{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

div.woocommerce .col-1,
div.woocommerce .col-2,{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
}

div.woocommerce .col2-set .col-1,
div.woocommerce .col2-set .col-2{
    flex:1 1 0;
    width:auto;
    max-width:none;
    padding:0;
    margin:0;
}

/* Login / Cadastro */
.woocommerce-account .u-columns{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
}

@media (min-width:768px){
    .woocommerce-account .u-column1,
    .woocommerce-account .u-column2{
        flex:0 0 calc(50% - 1rem) !important;
        width:calc(50% - 1rem) !important;
        max-width:calc(50% - 1rem) !important;
    }
}

/* Checkout */
.woocommerce-checkout .col2-set{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.woocommerce-checkout .col2-set > div{
    flex:1;
    width:auto;
    max-width:none;
}

/* Endereços */
.woocommerce-Addresses{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.woocommerce-Addresses .woocommerce-Address{
    flex:1;
    width:auto;
    max-width:none;
}

/* Bootstrap interfere no form-row */
div.woocommerce form .form-row,
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row{
    display:block;
    width:100%;
    margin:0 0 1rem;
    padding:0;
}

/* Wrapper dos inputs */
div.woocommerce .woocommerce-input-wrapper{
    display:block;
    width:100%;
}

/* Labels */
div.woocommerce form label{
    display:block;
    margin-bottom:.5rem;
}

/* Inputs */
div.woocommerce input:not([type="checkbox"]):not([type="radio"]),
div.woocommerce select,
div.woocommerce textarea{
    width:100%;
    max-width:100%;
}

/* Remove larguras herdadas do Bootstrap */
div.woocommerce [class*="col-"]{
    min-height:0;
}

/* Títulos dos endereços */
.woocommerce-Address-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1rem;
}

.woocommerce-Address-title h2{
    margin:0;
}

/* Tabelas */
div.woocommerce table{
    width:100%;
}

/* Mensagens */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
    margin-bottom:1.5rem;
}

/* Botões */
div.woocommerce a.button,
div.woocommerce button.button,
div.woocommerce input.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}