/*
 * Last-mile account-page interoperability.
 *
 * Ashtanga applies its legacy WooCommerce account grid after the plugin
 * stylesheet. These selectors intentionally stay inside the Nalua account
 * shell and only neutralize that grid where the custom account UI is active.
 */
body.woocommerce-account .woocommerce .nalua-account-auth p[class*="nalua-account-"] {
  margin: var(--naa-account-p-margin, 0);
}

body.woocommerce-account .woocommerce .nalua-account-auth nav.woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation li {
  display: block;
  width: 100%;
  border: 0 !important;
  border-bottom: 0 !important;
}

body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a,
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a:focus,
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a:visited {
  text-decoration: none !important;
  background-image: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a::before,
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation a::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 900px) {
  body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-navigation li {
    width: max-content !important;
  }
}

/* WooCommerce groups the password fields in a fieldset. Keep the fields as
 * individual rows while retaining its names, nonce and validation contract. */
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-EditAccountForm fieldset {
  margin: 28px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.woocommerce-account .woocommerce .nalua-account-auth .password-input,
body.woocommerce-account .woocommerce .nalua-account-guest .password-input {
  position: relative;
  display: block;
}

body.woocommerce-account .woocommerce .nalua-account-auth .password-input input,
body.woocommerce-account .woocommerce .nalua-account-guest .password-input input {
  padding-right: 52px;
}

body.woocommerce-account .woocommerce .nalua-account-auth .password-input .show-password-input,
body.woocommerce-account .woocommerce .nalua-account-guest .password-input .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(-50%);
}

body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-orders-table .button,
body.woocommerce-account .woocommerce .nalua-account-auth .woocommerce-MyAccount-content .woocommerce-info .button {
  text-decoration: none !important;
}