/*MAIN CONTAINER*/
.woocommerce-account .woocommerce{
    padding: 20px;
    display: flow-root;
    margin: 30px 20px 0 20px;
    border-radius: 20px;
}

/*REVISAR SE USA ESTES ITENS*/
	#my-account-menu .logout a,
	#meus-pedidos a.button,
	#my-account-menu .myaccount-menu li a,
/*ESTES ESTÃO OK*/
    .woocommerce-account .button
    {
		/*background-color: green;*/
		background-color: #2c123e;
	}

.woocommerce-account .button{
    color: white;
}

/* TÍTULO DA PÁGINA */
.woocommerce-account .woocommerce h2{
    text-align: center;
}




/* ----------- FORMULÁRIO DE LOGIN DA ÁREA "MINHA CONTA - BEGIN ----------- */
    .woocommerce:has(form.woocommerce-form-login) {
        max-width: 600px;
        margin: 0 auto;
    }

    /*INPUT DE SENHA*/
    .woocommerce-account .woocommerce form.login p:has(> span.password-input):nth-of-type(2) {
        margin-top: 20px;
    }
    .woocommerce-account .woocommerce form.login .woocommerce-form-login__rememberme{
        display: block;
        text-align: center;
    }
    .woocommerce-account .woocommerce button[name="login"],
    .woocommerce-account .woocommerce form.lost_reset_password .button{
        display: block;
        margin: 0 auto;
    }
    .woocommerce-account .woocommerce form.login .lost_password {
        margin-top: 20px;
        text-align: center;   
    }
/* ----------- FORMULÁRIO DE LOGIN DA ÁREA "MINHA CONTA - END ----------- */




/* ------------------- ÁREA "TODOS PEDIDOS" - BEGIN ------------------- */
    /* Neutraliza o text-align:right do tema pai no último TH (Ações) */
    .woocommerce-account .woocommerce-orders-table tr th:last-child{
        text-align: inherit;
    }
    /* ------------- DESKTOP -------------*/
        .woocommerce-account .woocommerce-orders-table tbody tr:not(:last-child) > th,
        .woocommerce-account .woocommerce-orders-table tbody tr:not(:last-child) > td {
            border-bottom: 1px solid #2c123e;
        }
    /* ------------- MOBILE - BEGIN ------------- */
        @media (max-width: 992px){
            /* não espremer no mobile */
            .woocommerce-account .woocommerce-MyAccount-content{
                float: none !important;
                width: 100% !important;
            }

            /* some com o cabeçalho */
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead{
                display: none !important;
            }

            /* tabela vira blocos */
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders,
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody,
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tr,
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders th,
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders td{
                display: block !important;
                width: 100% !important;
                min-width: 0 !important;
            }

            /* cada pedido = um card (com borda) */
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr{
                padding: 12px 0 !important;
                border-bottom: 1px solid #2c123e !important;
            }

            /* último sem borda */
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child{
                border-bottom: 0 !important;
                padding-bottom: 0 !important;
            }

            /* células (inclui o TH do pedido) */
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > th,
            .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > td{
                padding: 0 !important;
                border: 0 !important;
                text-align: center !important;
                white-space: normal !important;
            }

            /* botão “Visualizar” com respiro */
            .woocommerce-account .woocommerce-orders-table__cell-order-number .boomcore-myorders-view-under{
                margin: 8px 0 10px 0 !important;
            }
        }
    /* ------------- MOBILE - END ------------- */
/* ------------------- ÁREA "TODOS PEDIDOS" - END ------------------- */




/* ------------------- ÁREA "PEDIDO INDIVIDUAL" - BEGIN ------------------- */
    .woocommerce-MyAccount-content .woocommerce-order-details{
        border: none;
        margin: 0;
        padding: 0;
    }
    .woocommerce-order-details th, .woocommerce-order-details td {
        border-bottom: 1px solid #2c123e;
    }
/* ------------------- ÁREA "PEDIDO INDIVIDUAL" - END ------------------- */




/* ------------------- ÁREA "MINHA CONTA" - BEGIN ------------------- */
    #my-account-menu-tab .myaccount-menu li a span.item-icon {
        margin-left: 5px;
        width: auto;
        margin-right: 0;
    }
    #my-account-menu-tab.layout-simple .myaccount-menu li:hover,
    #my-account-menu-tab.layout-simple .myaccount-menu li.active{
        background-color: #2c123e;
    }
    #my-account-menu-tab .myaccount-menu li.active a,
    #my-account-menu-tab.layout-simple .myaccount-menu li:hover a{
        color: #fff;
    }

    #meus-pedidos a.button{
        color: #fff;
    }

    #meus-pedidos a.button,
    #my-account-menu .myaccount-menu li a{
        background-color: #f4f4fa;
    }

    .woocommerce-account .woocommerce .user-avatar{
        display: none;
    }

    #my-account-menu-tab .logout a, .woocommerce-MyAccount-content .button{
        background: #2c123e;
        color: #fff;
        border-radius: 5px;
        padding: 10px;
        font-size: 14px;
    }

    /* ACIMA DO EMAIL E BOTÃO DE LOGOUT */
        .boomcore-myaccount-logged-as{
        text-align:center;
        margin: 0 0 6px 0;
        font-size: 14px;
        }
        .boomcore-myaccount-logged-as-email{
        font-weight: 600;
        }


    /* TOPO */
        #my-account-menu-tab .user-info{
            width: 100%;
        }
        #my-account-menu-tab .user-info span{
            text-align: center;
        }
        #my-account-menu-tab .user-profile .logout{
            margin-top: 20px;
        }

    /* TÍTULO DA PÁGINA */
    .woocommerce-account .boomcore-myaccount-page-title{
        text-align: center;
        margin: 12px 0 18px 0;
        font-weight: 700;
    }
/* ------------------- ÁREA "MINHA CONTA" - BEGIN ------------------- */



/* =================== MENU "MINHA CONTA" (CENTRALIZADO E FIXO) - BEGIN =================== */
    /* dados do usuário (email e botão de logout) */
    .yith-wcmap .user-profile {
        margin-bottom: 10px;
    }
    /* container geral do menu */
    #my-account-menu-tab .myaccount-menu{
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* sempre 3 botões */
        gap: 8px;

        /* 🔑 não estica no desktop */
        max-width: 420px;          /* ajuste fino se quiser (380–460) */
        margin: 0 auto 15px auto;            /* centraliza o bloco */
        padding: 0;

        justify-content: center;
    }

    /* item */
    #my-account-menu-tab .myaccount-menu li{
        list-style: none;
        margin: 0;
        width: 100%;
    }

    /* botão */
    #my-account-menu-tab .myaccount-menu li a{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;

        padding: 10px 8px;
        text-align: center;
        line-height: 1.2;
        white-space: normal;

        height: 100%;
    }

    /* ícone */
    #my-account-menu-tab .myaccount-menu .item-icon{
        flex-shrink: 0;
    }

    /* texto */
    #my-account-menu-tab .myaccount-menu .item-label{
        display: block;
        word-break: break-word;
    }

    /* hover / ativo */
    #my-account-menu-tab.layout-simple .myaccount-menu li:hover,
    #my-account-menu-tab.layout-simple .myaccount-menu li.active{
        background-color: #2c123e;
    }

    #my-account-menu-tab .myaccount-menu li.active a,
    #my-account-menu-tab.layout-simple .myaccount-menu li:hover a{
        color: #fff;
    }

    /* ----------- MOBILE - BEGIN ----------- */
    @media (max-width: 993px){
        .woocommerce-MyAccount-content {
            float: right;
            width: 76.4705882353%;
            padding-top: 0.7rem;
        }
    }
    @media (max-width: 480px){

        /* 2 por linha no mobile */
        #my-account-menu-tab .myaccount-menu{
            grid-template-columns: repeat(2, 1fr);
            max-width: 300px; /* mantém proporção visual */
        }

    }
    /* ----------- MOBILE - END ----------- */

/* =================== MENU "MINHA CONTA" (CENTRALIZADO E FIXO) - END =================== */




@media screen and (max-width: 992px) {

.woocommerce-account .woocommerce-orders-table th{
    padding: 0;
    border-bottom: none;
    text-align: center;
}

  /* sem scroll horizontal no mobile (vira lista) */
  .woocommerce-account .woocommerce-MyAccount-content{
    overflow-x: visible;
  }

  /* some com o cabeçalho no mobile (vira lista) */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders thead{
    display: none !important;
  }

  /* tabela vira blocos empilhados */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders,
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* cada pedido = um bloco */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr{
    display: block !important;
    width: 100% !important;
  }

  /* cada coluna vira linha */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr > td{
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    padding: 0 !important;
    border-bottom: 0 !important; /* a borda fica no bloco, não em cada td */
    text-align: center;
  }

  /* ordem dos campos */
  .woocommerce-account .woocommerce-orders-table__cell-order-number{ order: 1; }
  .woocommerce-account .woocommerce-orders-table__cell-order-date{   order: 2; }
  .woocommerce-account .woocommerce-orders-table__cell-order-status{ order: 3; }
  .woocommerce-account .woocommerce-orders-table__cell-order-total{  order: 4; }

  /* garante layout em coluna */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr{
    display: flex !important;
    flex-direction: column !important;
    gap: 2px;
    padding: 10px 0;
  }
  /* último pedido sem padding inferior */
    .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child{
        padding-bottom: 0;
    }

  /* Botão abaixo do Pedido */
  .woocommerce-account .woocommerce-orders-table__cell-order-number .boomcore-myorders-view-under{
    margin: 7px 0;
  }

  /* borda roxa por pedido (no bloco) */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr{
    border-bottom: 1px solid #2c123e !important;
    margin-bottom: 0;
  }

  /* última sem borda */
  .woocommerce-account .woocommerce-MyAccount-content table.my_account_orders tbody tr:last-child{
    border-bottom: 0 !important;
  }
}