/* Customer forms and navigation only; the theme still owns the surrounding brand. */
.wmb-ui-woocommerce .woocommerce {
  box-sizing: border-box;
  width: min(100%, 1120px);
  margin-inline: auto;
  font-size: 16px;
  line-height: 1.7;
  color: var(--wmb-text);
}
.wmb-ui-woocommerce .woocommerce #customer_login {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 4vw, 3rem);
}
.wmb-ui-woocommerce .woocommerce #customer_login::before,
.wmb-ui-woocommerce .woocommerce #customer_login::after { display: none; }
.wmb-ui-woocommerce .woocommerce #customer_login > :is(.u-column1, .u-column2) { float: none; width: auto; min-width: 0; }
.wmb-ui-woocommerce .woocommerce :is(form.login, form.register, .woocommerce-ResetPassword, .woocommerce-EditAccountForm) {
  box-sizing: border-box;
  margin: 0;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 1px solid var(--wmb-line);
  border-radius: var(--wmb-radius);
  background: var(--wmb-panel);
  color: var(--wmb-text);
}
.wmb-ui-woocommerce .woocommerce :is(h2, h3, label) { color: var(--wmb-text); }
.wmb-ui-woocommerce .woocommerce a { color: var(--wmb-primary); overflow-wrap: anywhere; }
.wmb-brand-miaoling.wmb-ui-woocommerce .woocommerce :is(.woocommerce-LostPassword, .woocommerce-MyAccount-content) a:not(.button) {
  color: var(--wmb-text);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.wmb-ui-woocommerce .woocommerce input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.wmb-ui-woocommerce .woocommerce select {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: .7rem .85rem;
  font-size: 16px;
  border: 1px solid var(--wmb-line);
  border-radius: 6px;
  color: var(--wmb-text);
  background: var(--wmb-panel);
}
.wmb-ui-woocommerce .woocommerce input:focus-visible { outline: 2px solid var(--wmb-accent); outline-offset: 2px; }
.wmb-ui-woocommerce .woocommerce :is(button.button, a.button, input.button) {
  min-height: 48px;
  padding: .8rem 1.3rem;
  font-size: 16px;
  line-height: 1.3;
  border: 0;
  border-radius: 6px;
  background: var(--wmb-primary);
  color: var(--wmb-button-text);
}
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation { width: 25%; }
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--wmb-line);
  border-radius: var(--wmb-radius);
  overflow: hidden;
  background: var(--wmb-panel);
}
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation li { margin: 0; border-bottom: 1px solid var(--wmb-line); }
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation li:last-child { border: 0; }
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation a { display: block; min-height: 48px; box-sizing: border-box; padding: .75rem 1rem; text-decoration: none; color: var(--wmb-text); }
.wmb-ui-woocommerce .woocommerce-MyAccount-navigation :is(.is-active a, a:hover) { background: color-mix(in srgb, var(--wmb-primary) 12%, transparent); }
.wmb-ui-woocommerce .woocommerce-MyAccount-content {
  box-sizing: border-box;
  width: 71%;
  min-width: 0;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid var(--wmb-line);
  border-radius: var(--wmb-radius);
  background: var(--wmb-panel);
}
.wmb-ui-woocommerce .woocommerce .nsl-container { max-width: 100%; }
@media (max-width: 860px) {
  .wmb-ui-woocommerce .woocommerce #customer_login { grid-template-columns: minmax(0, 1fr); }
  .wmb-ui-woocommerce .woocommerce :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) { float: none; width: 100%; }
  .wmb-ui-woocommerce .woocommerce-MyAccount-navigation { margin-bottom: 1.25rem; }
  .wmb-ui-woocommerce .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .wmb-ui-woocommerce .woocommerce-MyAccount-navigation ul { grid-template-columns: minmax(0, 1fr); }
}
