/* Scoped compatibility layer for the WooCommerce account route. */
.woocommerce-account,
.woocommerce-account #page,
.woocommerce-account #content,
.woocommerce-account .site-content,
.woocommerce-account .ast-container,
.woocommerce-account .woocommerce {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  box-sizing: border-box;
  width: min(100%, 550px) !important;
  max-width: 100% !important;
  margin-inline: auto;
  padding: clamp(20px, 5vw, 34px) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 14px;
  background: #0b0b0b !important;
  color: #fff;
}

.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row,
.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-register input.input-text {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label,
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme {
  color: #fff;
}

.woocommerce-account .woocommerce-form-login input.input-text,
.woocommerce-account .woocommerce-form-register input.input-text {
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 8px;
  background: #161616;
  color: #fff;
}

.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button {
  min-height: 48px;
  border-radius: 8px;
}

@media (max-width: 544px) {
  .woocommerce-account #primary,
  .woocommerce-account .ast-woocommerce-container,
  .woocommerce-account .woocommerce {
    min-width: 0;
    padding-inline: 0 !important;
  }

  .woocommerce-account .site-header,
  .woocommerce-account .site-footer,
  .woocommerce-account .site-header .ast-container,
  .woocommerce-account .site-footer .ast-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .woocommerce-account #customer_login,
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2 {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    float: none;
  }
}