/* ----- Footer CTA (Call to Action) ----- */
#cta-footer {
  display: none;
}

/* ----- Header de la página de cuenta ----- */
.woocommerce-account .page-header {
  text-align: left;
  width: 60%;
  margin: 50px auto;
}

/* ----- Título de la página ----- */
.woocommerce-account .entry-title {
  margin: 0 !important;
}

/* ----- Contenido principal de la cuenta ----- */
.woocommerce-account .page-content {
  width: 100%;
  display: flex;
  font-family: 'Manrope', sans-serif;
}

.woocommerce-account .page-content .woocommerce {
  display: flex;
  flex: 1;
  min-height: 90vh;
  height: fit-content;
}

/* ----- Enlaces dentro de la cuenta ----- */
.woocommerce-account .page-content a {
  color: #b9a081;
  text-decoration: none !important;
}

.woocommerce-account .page-content input,
.woocommerce-account .page-content .select2-selection {
  border-radius: 0px;
}

.woocommerce-account .page-content .button.button,
.woocommerce-account .page-content .button-submit,
.woocommerce-account .page-content .button {
  color: white;
  padding: 10px 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #b9a081;
  border-radius: 0px;
  margin: 0 10px;
  font-size: 16px;
  margin: 0;
  border: none;
}

/* ----- Navegación de la cuenta (menú lateral) ----- */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  width: 300px;
  min-height: 100%;
  background: #f8f9fa;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul.submenu {
  margin-left: 15px;
}

/* ----- Enlaces de navegación ----- */
.woocommerce-MyAccount-navigation-link {
  padding: 15px 30px;
}

.woocommerce-MyAccount-navigation-link:hover {
  background-color: #fdf0e7;
}

.woocommerce-MyAccount-navigation-link.is-active {
  background-color: #fdf0e7;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
  display: block;
  width: fit-content;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* .woocommerce-MyAccount-navigation-link.is-active a::after,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover::after {
  content: '';
  display: block;
  height: 2px;
  background-color: #b9a081;
  margin: 0;
  margin-top: 5px;
} */

.woocommerce-MyAccount-navigation-link a {
  color: black !important;
  text-decoration: none !important;
}

.woocommerce-MyAccount-navigation-link.submenu-item li {
  margin: 0;
}

.woocommerce-MyAccount-navigation-link--b2b,
.woocommerce-MyAccount-navigation-link--configuracion {
  pointer-events: none;
  text-decoration: underline;
  padding-bottom: 0;
  display: none;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link--b2b a,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation-link--configuracion a {
  font-size: 11px !important;
  font-weight: 600 !important;
}

/* ----- Submenús (con transiciones) ----- */
.woocommerce-MyAccount-navigation-link.has-submenu .submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.woocommerce-MyAccount-navigation-link.has-submenu:hover .submenu,
.show-submenu {
  max-height: 500px !important;
}

/* ----- Contenido de la cuenta (información del usuario) ----- */
.woocommerce-MyAccount-content {
  padding: 50px 0 50px 100px;
  width: 80% !important;
}

.woocommerce-MyAccount-content form {
  margin: auto;
  width: 55%;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper p {
  font-weight: 600;
}

/* ----- Tabla de órdenes ----- */
table td, table th {
	border: none;
}
.woocommerce-MyAccount-orders,
.woocommerce-MyAccount-paymentMethods,
.orders_table {
  border-collapse: collapse !important; /* Elimina el espacio entre celdas */
}

.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-orders td,
.woocommerce-MyAccount-paymentMethods th,
.woocommerce-MyAccount-paymentMethods td,
.orders_table th,
.orders_table td {
  padding: 10px !important;
  background: none !important;
  text-align: start;
  border: none !important;
}

.woocommerce-MyAccount-orders tr,
.woocommerce-MyAccount-paymentMethods tr,
.orders_table tr {
  border: 1px solid #e5e5e5 !important; /* Aplica el borde alrededor de las filas */
}

.woocommerce-MyAccount-orders tr td,
.woocommerce-MyAccount-paymentMethods tr td,
.orders_table tr td {
  border-bottom: 1px solid #e5e5e5; /* Solo el borde inferior */
}

.woocommerce-MyAccount-orders thead,
.woocommerce-MyAccount-paymentMethods thead,
.orders_table thead {
  background: #f8f9fa;
}

.woocommerce table.my_account_orders .button {
  background: #b9a081;
  padding: 5px 20px !important;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.woocommerce .woocommerce-customer-details address {
  border-radius: 0px;
  border: 1px solid #b9a081;
}

/* ----- Direcciones de envío y facturación ----- */
.woocommerce .woocommerce-Addresses {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address {
  max-width: 600px;
  margin-right: 50px;
  padding: 30px;
  border: 2px solid #b9a081;
 
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2 {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .tittle a {
  margin-bottom: 25px;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address address {
  font-style: normal;
	
}

/* ----- Botones de la cuenta ----- */
.woocommerce-account .woocommerce-Button {
  padding: 20px 75px;
  margin-top: 30px !important;
  border-radius: 0;
  background: #bba284;
  text-decoration: none !important;
  color: white;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none !important;
}

.woocommerce form.woocommerce-EditAccountForm.edit-account p:has(button.woocommerce-Button.button) {
  display: flex;
  justify-content: center;
}

.woocommerce-form-login__submit {
  border-radius: 0;
  background: #bba284 !important;
  color: white !important;
  border: none !important;
}
.woocommerce form.woocommerce-EditAccountForm.edit-account fieldset {
  padding: 30px 0 0 0;
  margin-top: 50px;
  border-top: 1px solid #ccc;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.woocommerce form.woocommerce-EditAccountForm.edit-account fieldset legend {
  display: none;
}
.woocommerce form.woocommerce-EditAccountForm.edit-account input.woocommerce-Input {
  border-radius: 0px;
}
/* ----- Estilo al pasar el cursor sobre los botones ----- */
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-form-login__submit:hover {
  background-color: #fdf0e7 !important;
  color: black !important;
}

/* ----- Detalles de las órdenes (tabla) ----- */
.woocommerce-account .woocommerce-table--order-details {
  border: none !important;
  border-collapse: collapse !important;
}

.woocommerce-account .woocommerce-table--order-details th,
.woocommerce-account .woocommerce-table--order-details td {
  border: none !important;
}

/* ----- Botón de siguiente de la cuenta ----- */
.woocommerce-account a.woocommerce-button--next,
.woocommerce-account a.woocommerce-button--previous {
  padding: 10px 40px;
  color: white;
}

/* ----- Menú hamburguesa para móviles ----- */
#nav-menu-mi-cuenta-hamburguer {
  display: none;
}

/* ----- Estilos específicos para pantallas pequeñas (max-width: 1024px) ----- */
@media (max-width: 1024px) {
  #nav-menu-mi-cuenta-hamburguer {
    display: block;
    margin-bottom: 30px;
  }

  .woocommerce-account #content {
    width: 100%;
    padding: 15px;
  }

  .woocommerce-account .page-header {
    margin: 20px auto;
  }

  .woocommerce-account .page-content {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
    width: 100%;
  }

  .woocommerce-account .page-content .woocommerce {
    min-height: 75vh;
  }

  .woocommerce-account form {
    width: 100%;
  }

  .nav-menu-mi-cuenta-hamburguer {
    color: black;
  }

  .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
	background: transparent;
    width: 100% !important;
    display: none;
    border: none;
  }

  .woocommerce-MyAccount-navigation ul {
    width: 100%;
    padding: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .woocommerce-account .woocommerce-column--shipping-address .woocommerce-column__title {
    margin-top: 30px;
  }
	
  .woocommerce .woocommerce-Addresses {
    margin-top: 0px !important;
	  flex-direction: column;
	  margin-top: 15px;
    row-gap: 15px;
  }
	
  .woocommerce .woocommerce-Addresses .woocommerce-Address {
	margin-bottom: 40px;
  }

  /* ----- Campos de facturación y envío ----- */
  .woocommerce-account #billing_first_name_field,
  .woocommerce-account #billing_last_name_field,
  .woocommerce-account #billing_postcode_field,
  .woocommerce-account #billing_city_field,
  .woocommerce-account #billing_state_field,
  .woocommerce-account #billing_phone_field,
  .woocommerce-account #shipping_first_name_field,
  .woocommerce-account #shipping_last_name_field,
  .woocommerce-account #shipping_postcode_field,
  .woocommerce-account #shipping_city_field,
  .woocommerce-account #shipping_state_field,
  .woocommerce-account #shipping_phone_field {
    width: 100%;
  }

  /* ----- Botones de dirección en la cuenta ----- */
  .woocommerce-account .woocommerce-address-fields .button {
    border: none;
    color: white;
    background-color: #b9a081;
    width: 100%;
    border-radius: 7px;
    font-size: 1.2em;
  }
}