/*====================================================================
  MINHA CONTA – POPULAR PET
  (Arquivo: assets/css/myaccount.css)
====================================================================*/

/*--------------------------------------------------
  Estrutura geral / containers
--------------------------------------------------*/
.woocommerce-MyAccount-content {
	padding-top:0;
}

.woocommerce-account.logged-in h1.entry-title {
	font-size: 21px;
    letter-spacing: normal;
}

.woocommerce-account.logged-in .shoptimizer-archive .col-full {
	max-width: 1303px;
}

.woocommerce-account tr.woocommerce-orders-table__row td {
	padding: 20px 15px 20px 0;
	border-bottom: 1px solid #d3d3d3;
}


/* ------- Navegação fixa com Tabler Icons ------- */
@media (min-width: 993px) {
	.myacc-nav {
		float: left;
		width: 17.6470588235%;
		margin-right: 5.8823529412%;
	}
}

.myacc-nav ul{margin:0;padding:0;list-style:none}

.myacc-link{
	display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    font-weight: 500;
    border-bottom: 1px solid #d3d3d3;
	transition:0.2s;
	font-size: 14px;
}

.myacc-link svg.tabler-icon{
	width:20px;height:20px;stroke:#764ea0;fill:none;
	stroke-linecap:round;stroke-linejoin:round
}
.myacc-link:hover {
	background:#f2f2f2;
	padding-left:10px;
}



/*--------------------------------------------------
  Grid de cartões   (Saldo Cashback / Minhas Compras)
--------------------------------------------------*/
.dashboard-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;      /* mobile = 1 coluna */
	margin-bottom: 35px;
}
@media (min-width: 768px) {
	.dashboard-grid { grid-template-columns: 1fr 1fr; } /* desktop = 2 col */
}

.card-link {
	text-decoration: none;
	color: inherit;
}

.card {
	display:flex;
	align-items:center;
	flex-direction:row;
	padding:1.5rem;
	border:1px solid #d3d3d3;
	border-radius:20px;
	transition:border-color .2s;
}

.card svg{
	flex:0 0 auto;
	margin-right:.4rem;
}

.card > div{
	flex:1 1 auto;
}

.card .value{
	margin-left:auto; 
	font-size:1.25rem;
	font-weight:700;
	color:#a6ce39;
}

.card-link:hover .card { border-color: #764ea0; }

@media (min-width: 576px) { .card { flex-direction: row; } }

.card h3   { font-size: 1.25rem; margin: 0; font-weight: 600; color: #764ea0; line-height:1.2; }
.card p    { margin: 0; color: #6c757d; }
.value     { font-size: 1.25rem; font-weight: 700; color: #a6ce39; margin-left: 0; }
@media (min-width: 576px) { .value { margin-left: 1rem; } }

/*--------------------------------------------------
  Tabela “Últimos pedidos”
--------------------------------------------------*/
.orders-card {
	padding: 1.5rem;
	border: 1px solid #d3d3d3;
	border-radius: 20px;
	margin: 15px 0 35px;
}

/* cabeçalhos + células */
.orders-table th,
.orders-table td {
	font-size: 13px !important;
	padding: 0.75rem 0.5rem;
	text-align: left;
	border-bottom: 1px solid #d3d3d3 !important;
}
.orders-table td.status   { white-space: nowrap; }
.orders-table td.products-cell {
	padding-top: 20px;
	padding-bottom: 20px;
}

/* botão “Ver detalhes” & “Ver mais pedidos” */

a.details-link,
#load-more-orders {
	color: #764ea0;
	text-decoration: none;
	font-weight: 600;
}

a.details-link {
    border: 1px solid #764ea0;
    border-radius: 15px;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 600;
}


a.details-link:hover {
	text-decoration: underline;
	background:#764ea0;
	color:#FFF;
}

.orders-table-orders {
	border:1px solid #d3d3d3;
	border-radius:20px;
	padding:30px;
}

#load-more-orders {
	display: inline-block;
	margin: 20px 0;
	padding: 10px 20px;
	border: 1px solid #764ea0;
	background: #fff;
	border-radius: 30px;
	cursor: pointer;
}

#load-more-orders:hover {
	background: #764ea0;
	color: #fff;
}

/* produtos dentro da célula Products */
.product-item {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin-bottom: 10px;
}
.product-item:last-child { margin-bottom: 0; }

.product-item img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 4px;
}

/*--------------------------------------------------
  Miniaturas reutilizáveis (Tabela de pedidos nativa)
--------------------------------------------------*/
.wc-op-item {
	display: inline-flex;
	align-items: center;
	margin: 2px 4px 2px 0;
	font-size: 0.75rem;
}
.wc-op-item img {
	width: 32px;
	height: 32px;
	object-fit: cover;
	border-radius: 4px;
	margin-right: 4px;
}


/*--------------------------------------------------
  Badge de status do pedido
--------------------------------------------------*/
.order-status.badge{
	display:inline-block;
	padding:4px 8px;
	border-radius:12px;
	font-size:11px;
	font-weight:600;
	color:#fff;
	text-transform:capitalize;
}

/* Cores padrão WooCommerce */
.status-pending      { background:#ffb100; }  /* Pagamento pendente  */
.status-processing   { background:#17a2b8; }  /* Processando        */
.status-on-hold      { background:#6c757d; }  /* Aguardando         */
.status-completed    { background:#28a745; }  /* Concluído          */
.status-cancelled    { background:#dc3545; }  /* Cancelado          */
.status-refunded     { background:#6c757d; }  /* Reembolsado        */
.status-failed       { background:#343a40; }  /* Mal-sucedido       */

/* Status personalizados */
.status-cs-inanalisis   { background:#ff6f61; } /* ClearSale análise  */
.status-checkout-draft  { background:#866ec7; } /* Rascunho           */
.status-faturado        { background:#007bff; } /* Faturado           */
.status-enviado         { background:#20c997; } /* Enviado            */
.status-preparacao      { background:#ffc107; } /* Em preparação      */
.status-retirada        { background:#795548; } /* Disponível retirada*/


/* ------------------------------------------------------------------
   Layout linha • Miniatura + nome
-------------------------------------------------------------------*/

.woocommerce-order-details {
	border: 1px solid #d3d3d3;
    border-radius: 20px;
    padding: 30px;
	margin-bottom: 25px !important;
}

.woocommerce-table__product-name.product-name {
	display: flex;
	align-items: center;
}

.order-item-thumb {
	display: block;
	margin-right: 10px; 
}

.order-item-thumb img {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	width: 90px;
	height: auto;
}

.order-item-name {
	flex: 1 1 auto;
	line-height: 1.4;
}


/*--------------------------------------------------
  Detalhes do pedido
--------------------------------------------------*/

.woocommerce-customer-details {
	border: 1px solid #d3d3d3;
    border-radius: 20px;
    padding: 30px;
	display:grid;
}

.woocommerce-order-details th,
.woocommerce-order-details td {
	border-bottom: 1px solid #d3d3d3;
}

.woocommerce-account .woocommerce-MyAccount-content p.order-again a {
	border-radius: 50px;
}

#via-pix-loja5_woo_novo_erede_pix {
	border: 1px solid #d3d3d3 !important;
    border-radius: 20px !important;
    padding: 30px !important;
}


/*--------------------------------------------------
  Endereços Padrão e Extras
--------------------------------------------------*/

.woocommerce-account .addresses {
	border: 1px solid #d3d3d3;
    border-radius: 20px;
    padding: 30px;	
}

.woocommerce-account .addresses .woocommerce-Address-title {
	display:block;
}

.woocommerce-account .addresses .woocommerce-Address h2 {
	font-size:21px;
	margin-bottom:10px;
}

.woocommerce-account .addresses header.title a {
	margin-left: 0;
    color: #764ea0;
    border: 1px solid #764ea0;
    border-radius: 15px;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 600;
	margin-bottom: 10px;
    display: inline-block;
}

.woocommerce-account .addresses header.title a:hover {
	background: #764ea0;
	color: #fff;
}

.woocommerce-address-fields {
	border: 1px solid #d3d3d3;
    display: inline-block;
    padding: 30px;
    border-radius: 25px;	
}

.woocommerce-address-fields .button,
.add-shipping-address,
.save-extra-address-changes {
	border-radius: 30px;
}



/*--------------------------------------------------
  Cashback
--------------------------------------------------*/

.commercekit-wishlist-table {
	border: 1px solid #d3d3d3;
    padding: 30px;
    border-radius: 25px;
}

.commercekit-wishlist-table tbody td,
.commercekit-wishlist-table thead th {
	font-size: 13px;
}

.woocommerce-account table td {
    font-size: 12px;
}

.commercekit-wishlist-table a.commercekit-remove-wishlist2 {
	line-height: 23px;
}

.commercekit-wishlist-table .cart button {
	font-size: 12px;
    padding: 5px 10px;
    border-radius: 20px;
}


/*--------------------------------------------------
  Cashback
--------------------------------------------------*/

.woo-wallet-my-wallet-container {
	border: 1px solid #d3d3d3;
    padding: 30px;
    border-radius: 25px;
}

.woo-wallet-my-wallet-container .woo-wallet-content {
    width: 100%;
    float: none;
    min-height: 100px;
    padding: 0;
}

.woo-wallet-content-h3 {
	margin:0;
}

.woo-wallet-content .woo-wallet-price {
	font-size: 21px;
    font-weight: 700;
	clear:none !important;
}

.woo-wallet-my-wallet-container .woo-wallet-content hr {
	margin: 0 0 20px;
    border-color: #d3d3d3;
}

.woo-wallet-transactions-items li {
	border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
	font-size: 14px;
}



/*--------------------------------------------------
  Meus Dados
--------------------------------------------------*/

.woocommerce-EditAccountForm {
	border: 1px solid #d3d3d3;
    padding: 30px;
    border-radius: 25px;
}

.woocommerce-account .entry-content .woocommerce-EditAccountForm p {
	clear:none !important;
}

.woocommerce-EditAccountForm .button {
	border-radius:30px;
}