:root {
  --colorWhite: #fff;
  --colorBlack: #000;
  --colorGreen: #00a721;
  --colorGreenLink: #53c800;
  --colorGreenLinkHover: #53c800;
  --colorRed: #d22929;
}

ul {
  padding: 0px;
}

li {
  list-style: none;
  padding: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100% !important;
}

.woocommerce-MyAccount-content p a {
  color: var(--colorGreenLink);
}

.woocommerce-form.woocommerce-form-login.login {
  width: 50%;
  margin: auto;
}

.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-Button.button {
  border-radius: 25px !important;
  padding: 10px 30px !important;
}

.woocommerce-ResetPassword.lost_reset_password {
  background: var(--colorGreen);
  color: var(--colorWhite);
  border-radius: 25px;
  padding: 40px;
}

/* DG Woo Account Tweaks - estilos básicos */

.dg-account-card__info {
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
}

.dg-account-name {
  font-size: 1.3rem;
  font-weight: 800;
}

.dg-account-title {
  font-weight: 800;
  margin-block-end: 0;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

/****** MI CUENTA DATOS *******/

li.woocommerce-MyAccount-navigation-link a {
  background: var(--colorGreenLink);
  padding: 0.5rem;
  border-radius: 10px;
  color: #fff;
}

li.woocommerce-MyAccount-navigation-link a:hover {
  background: #4b4b45;
}

nav.woocommerce-MyAccount-navigation ul {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  gap: 1.5rem;
}

li.woocommerce-MyAccount-navigation-link a br {
  display: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout
  a {
  background: var(--colorRed);
}

/***** CSS PANEL USUARIO ******/

.woocommerce-MyAccount-content a {
  color: var(--colorGreenLink);
  font-weight: bold;
}

.woocommerce-MyAccount-content a:hover {
  color: var(--colorGreenLinkHover);
}

.woocommerce form .form-row .input-text {
  border: 0px;
  border-radius: 25px;
  background: #f5f5f5 !important;
}

fieldset {
  border: none;
  padding: 0px !important;
}

legend {
  font-weight: bold;
  font-size: 1rem;
  padding-top: 10px;
}

h2.dg-account-title,
h2.woocommerce-order-details__title,
.woocommerce-column__title {
  color: var(--colorBlack);
  text-align: left !important; 
}

p.dg-account-desc {
  font-size: 1rem;
  color: var(--colorBlack);
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
  border: none;
}

a.woocommerce-button.button.view {
  width: 100%;
  text-align: center;
  border-radius: 15px;
}

/* Aplica solo al botón de guardar detalles de cuenta */
button[name="save_account_details"],
button[name="save_address"],
input[type="file"]::file-selector-button {
  background-color: #437540 !important; /* color de fondo */
  color: #fff !important; /* color del texto */
  border-radius: 25px !important; /* esquinas redondeadas */
  transition: background-color 0.3s ease;
}

input[type="file"]::file-selector-button {
  padding: 10px 20px;
  cursor: pointer;
  border: none !important;
}

/* Hover */
button[name="save_account_details"]:hover,
button[name="save_address"]:hover,
input[type="file"]::file-selector-button:hover {
  background-color: #335f30 !important;
}

address {
  font-style: normal;
}

header.woocommerce-Address-title.title h2 {
  font-size: 1.3rem;
  margin: 0px;
}

.woocommerce-account .addresses .title .edit {
  float: left !important;
}

h2 {
  font-size: 1.3rem !important;
  font-weight: bold !important;
  text-align: center !important;
}

.woocommerce-register-link a {
  color: var(--colorGreen);
  font-weight: bold;
}

@media (max-width: 768px) {
  .woocommerce-form.woocommerce-form-login.login {
    width: 100% !important;
  }
}

/* ---- GRID principal: tarjeta izquierda | nav arriba | contenido abajo ---- */
/* SOLO cuando el usuario está logueado en /mi-cuenta/ */
body.logged-in.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "card nav"
    "card content";
  gap: 3rem;
  align-items: start;
}

/* Áreas */
body.logged-in.woocommerce-account #dg-account-card {
  grid-area: card;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
  grid-area: nav;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content {
  grid-area: content;
}

/* Fallback explícito para NO logueados (evita que algún estilo previo deje grid) */
body.woocommerce-account:not(.logged-in) .woocommerce {
  display: block;
}

/* Responsivo */
@media (max-width: 900px) {
  body.logged-in.woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "card"
      "nav"
      "content";
  }
}

/* ---- Tarjeta ---- */
#dg-account-card {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}
#dg-account-card .dg-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
  margin: 0 auto 12px;
  overflow: hidden;
}
#dg-account-card .dg-account-name {
  text-align: center;
  font-weight: 700;
  font-size: 1.15rem;
  margin: 6px 0 14px;
  color: var(--colorBlack);
}
#dg-account-card .dg-account-meta {
  margin: 8px 0;
}
#dg-account-card .dg-account-title {
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--colorBlack);
}
#dg-account-card .dg-account-value {
  margin: 0;
  color: #444;
}
#dg-account-card .dg-logout {
  font-size: 0.9rem;
  font-weight: 400;
  background-color: var(--colorRed);
  color: var(--colorWhite);
  padding: 10px;
  border-radius: 10px;
}

a.button.dg-logout br {
  display: none;
  visibility: hidden;
}

/* ---- Navegación superior tipo “píldoras” ---- */
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-MyAccount-navigation li a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;
  background: var(--colorGreen);
  text-decoration: none;
  font-weight: 400;
}
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--colorGreenLink);
  color: #fff;
}

/* ---- Titulares de cada endpoint ---- */
.dg-account-title {
  margin: 0 0 6px;
}
.dg-account-desc {
  margin: 0 0 16px;
  color: #555;
}

/* ---- Responsivo ---- */
@media (max-width: 900px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "card"
      "nav"
      "content";
  }
  #dg-account-card {
    margin-bottom: 8px;
  }
}

/* En tu assets/css/dg-woo-account-tweaks.css */
.woocommerce-account .account-orders-table th,
.woocommerce-account .account-orders-table td {
  vertical-align: middle;
}
.woocommerce-account
  .account-orders-table
  .woocommerce-orders-table__cell-order-total {
  text-align: right;
}
/* Ocultar "Origen" en pantallas muy chicas (opcional) */
@media (max-width: 560px) {
  .woocommerce-account
    .account-orders-table
    th.woocommerce-orders-table__header-order-source,
  .woocommerce-account
    .account-orders-table
    td.woocommerce-orders-table__cell-order-source {
    display: none;
  }
}

/* Badge base */
.dg-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.2;
  background: #eee;
  color: #222;
  white-space: nowrap;
}

/* Colores por estado (ajustá a tu paleta) */
.dg-status--pending {
  background: #fff4e5;
  color: #8a5700;
} /* Pago pendiente */

.dg-status--on-hold {
  background: #e9f0ff;
  color: #0b50a1;
} /* En espera */

.dg-status--processing {
  background: #5a8248;
  color: #f3f4f6;
} /* Procesando / Tratamiento */

.dg-status--completed {
  background: #db7820;
  color: #fdecea;
} /* Completado / Terminado */

.dg-status--failed {
  background: #fdecea;
  color: #b71c1c;
} /* Fallido */

.dg-status--cancelled {
  background: #818181;
  color: #f3f4f6;
} /* Cancelado */

.dg-status--refunded {
  background: #e6fffa;
  color: #065f46;
} /* Reintegrado */

.dg-status--checkout-draft {
  background: #f5f3ff;
  color: #5b21b6;
} /* Borrador (si usás draft) */

/* Opcional: estilo para modo oscuro o hover, etc. */
/* .dg-status:hover{ filter:brightness(0.95); } */

@media (max-width: 767px) {
  div#dg-account-card {
    width: 100%;
    margin: auto;
	}
	li.woocommerce-MyAccount-navigation-link {
    display: flex;
    flex-direction: column;
	width: 100%;
	}
	.woocommerce-MyAccount-navigation li.is-active a {
    width: 100%;
	}
	nav.woocommerce-MyAccount-navigation ul {
    gap: 0.5rem;
	}
	.woocommerce-MyAccount-navigation li a {
    padding: 10px 10px;
	}
}

/* Ocultar radios de Mailchimp en Mi cuenta */
#mailchimp_woocommerce_is_subscribed,
#mailchimp_woocommerce_is_unsubscribed,
#mailchimp_woocommerce_is_transactional,
label[for="mailchimp_woocommerce_is_subscribed"],
label[for="mailchimp_woocommerce_is_unsubscribed"],
label[for="mailchimp_woocommerce_is_transactional"] {
    display: none !important;
}