/* AirSimGo v3.7.14 — shared WooCommerce account layout.
 * Retail/customer account sections only. Reseller console and checkout are untouched.
 * The theme defines a 250px CSS grid on every logged-in account page. That grid
 * conflicts with third-party/shortcode account views and clips Edit Account forms.
 * Use a single full-width column with a compact horizontal account menu instead.
 */
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce {
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  gap: clamp(14px, 2vw, 24px) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation {
  order: -1 !important;
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box;
}
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  list-style: none;
}
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation li {
  display: block;
  flex: 0 1 auto;
  width: auto !important;
  margin: 0;
  min-width: 0;
  padding: 0;
  list-style: none;
}
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation a {
  display: block;
  overflow-wrap: anywhere;
  line-height: 1.35;
  padding: 10px 13px;
  border-radius: 10px;
  font-size: 13px;
  text-decoration: none;
}
body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-content {
  order: 1 !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  flex: 1 1 auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow-wrap: break-word;
}
/* Personal details, address forms and order tables must fit narrow viewports. */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content fieldset {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account .form-row,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin: 0 0 18px !important;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account input.input-text,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input.input-text,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account .password-input,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .password-input {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
  gap: 20px;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > * {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content table {
  max-width: 100%;
}
@media (max-width: 600px) {
  body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation ul {
    gap: 4px;
    padding: 8px;
  }
  body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-navigation a {
    padding: 9px 10px;
    font-size: 12px;
  }
  body.logged-in.woocommerce-account:not(.asgm-customer-dashboard-page) .woocommerce > .woocommerce-MyAccount-content {
    padding: 18px 14px !important;
  }
}
/* Make standard WooCommerce account action buttons consistent with AirSimGo. */
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account button.button,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  padding:12px 22px;
  min-height:46px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:#ec461f;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
}
body.logged-in.woocommerce-account .woocommerce-MyAccount-content form.edit-account button.button:hover,
body.logged-in.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button.button:hover {
  background:#d63618;
  color:#fff;
}
