/* 2.3.76 — Form tài khoản và ghi chú checkout, không có module VAT riêng. */

/* Desktop/tablet: Đăng ký bên trái, Đăng nhập bên phải, hai cột bằng nhau. */
@media (min-width:783px) {
  body.woocommerce-account.moon-account-guest #customer_login {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:20px !important;
    width:100% !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column2 {
    order:1 !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column1 {
    order:2 !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column1,
  body.woocommerce-account.moon-account-guest #customer_login > .u-column2 {
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-login,
  body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-register {
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-login > .form-row:last-of-type,
  body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-register > .form-row:last-of-type {
    margin-top:auto !important;
  }
}

/* Mobile: xếp dọc nhưng vẫn giữ Đăng ký ở trên, Đăng nhập ở dưới. */
@media (max-width:782px) {
  body.woocommerce-account.moon-account-guest #customer_login {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column2 {
    order:1 !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column1 {
    order:2 !important;
  }

  body.woocommerce-account.moon-account-guest #customer_login > .u-column1,
  body.woocommerce-account.moon-account-guest #customer_login > .u-column2 {
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* Làm phần ghi chú dễ đọc khi có hướng dẫn xuất VAT trong placeholder. */
body.woocommerce-checkout #order_comments {
  min-height:118px !important;
  line-height:1.55 !important;
}

body.woocommerce-checkout #order_comments::placeholder {
  color:#8c817b !important;
  opacity:1 !important;
}