/*
Theme Name:   Vezzo Storefront
Theme URI:    https://vezzomoveis.com.br
Description:  Child theme do Storefront para Vezzo Móveis
Author:       Guilherme
Author URI:   https://vezzomoveis.com.br
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  vezzo-storefront
*/

/* ==========================================================================
   Seus estilos customizados aqui
   ========================================================================== */


/* ===== MINHA CONTA - ESTILOS GLOBAIS ===== */

/* Container principal único */
.woocommerce-account .woocommerce {
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 2rem 1rem !important;
}

/* Esconder navegação lateral */
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Conteúdo em largura total */
.woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
    background: white !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Formulários lado a lado */
.woocommerce-account .col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
}

.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
}

@media (max-width: 768px) {
    .woocommerce-account .col2-set {
        grid-template-columns: 1fr !important;
    }
}

/* ===== FIX ESPAÇO DIREITA MINHA CONTA ===== */
.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.myaccount-content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.dashboard-container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce:before,
.woocommerce:after {
    content: '';
    display: table;
    clear: both;
}

/* Remove padding lateral do WooCommerce na página Minha Conta */
.woocommerce-account .woocommerce {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
}