/* Start custom CSS for shortcode, class: .elementor-element-98cf86b *//* ACCOUNT DETAILS — ALIGNMENT FIX */

.aq-account-layout .woocommerce form.woocommerce-EditAccountForm {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* Stack all fields with identical left/right alignment. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .form-row {
  display: block !important;
  float: none !important;
  clear: both !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 20px !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm label {
  display: block;
  width: 100%;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 16px !important;
}

/* Prevent theme widths and minimum widths causing overflow. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm input.input-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px;

  margin: 0 !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .clear {
  clear: both;
}

/* Helper text wraps inside the form. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .form-row > span:not(.password-input) {
  display: block;
  max-width: 100%;
  margin-top: 6px;
  white-space: normal !important;
  overflow-wrap: anywhere;
  font-size: 16px !important;
}

/* Password section stays within the panel. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm fieldset {
  display: block !important;
  float: none !important;
  clear: both;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 26px 0 22px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm legend {
  float: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 0 !important;
  background: #fff;
  font-size: 16px !important;
}

/* Remove decorative theme lines under the legend. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm legend::before,
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm legend::after {
  display: none !important;
  content: none !important;
}

/* Keep the password visibility control inside its input. */
.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .password-input {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .password-input input {
  padding-right: 54px !important;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .show-password-input {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  bottom: auto !important;
  left: auto !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;

  background: transparent !important;
  color: var(--aq-ink) !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
  cursor: pointer;
}

.aq-account-layout .woocommerce
form.woocommerce-EditAccountForm .show-password-input::after {
  margin: 0 !important;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .aq-account-layout .woocommerce
  form.woocommerce-EditAccountForm fieldset {
    padding: 16px !important;
  }
}
/* Compact order action buttons */
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;

  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;

  margin: 2px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;

  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* Keep any theme-added icons compact */
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button::before,
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button::after {
  margin: 0 !important;
  font-size: 16px !important;
}
/* Smaller text and icons in order action buttons only */
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button,
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button *,
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button::before,
.aq-account-layout .woocommerce
.woocommerce-orders-table__cell-order-actions a.button::after {
  font-size: 14px !important;
}/* End custom CSS */