/* 2.3.78 — Tab và phân trang Đơn mua không tải lại toàn trang. */

body.woocommerce-account .woocommerce-MyAccount-content {
  position:relative;
}

body.woocommerce-account .woocommerce-MyAccount-content.is-moon-order-loading {
  min-height:240px;
  pointer-events:none;
}

body.woocommerce-account .woocommerce-MyAccount-content.is-moon-order-loading > * {
  opacity:.42;
  transition:opacity .15s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content.is-moon-order-loading::before {
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  border-radius:16px;
  background:rgba(255,255,255,.54);
  backdrop-filter:blur(1px);
}

body.woocommerce-account .woocommerce-MyAccount-content.is-moon-order-loading::after {
  content:"";
  position:absolute;
  z-index:21;
  top:96px;
  left:50%;
  width:30px;
  height:30px;
  margin-left:-15px;
  border:3px solid rgba(231,111,56,.22);
  border-top-color:#e76f38;
  border-radius:50%;
  animation:moon-order-spin .7s linear infinite;
}

@keyframes moon-order-spin {
  to { transform:rotate(360deg); }
}

@media (prefers-reduced-motion:reduce) {
  body.woocommerce-account .woocommerce-MyAccount-content.is-moon-order-loading::after {
    animation-duration:1.4s;
  }
}


/* ==========================================================================
   2.3.80 — Phone-first account registration.
   ========================================================================== */

body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-register,
body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-login {
	border:1px solid #eee2da !important;
	border-radius:18px !important;
	padding:18px !important;
	box-shadow:0 8px 24px rgba(72,48,36,.045) !important;
}

.moon-phone-register-heading {
	margin:0 0 14px;
}

.moon-phone-register-heading h2 {
	margin:5px 0 4px !important;
	font-size:22px !important;
	line-height:1.25 !important;
}

.moon-phone-register-heading p,
.moon-phone-login-help,
.moon-phone-register-benefit {
	margin:0;
	color:#7d6d65;
	font-size:12px;
	line-height:1.55;
}

.moon-phone-register-badge {
	display:inline-block;
	color:#dd733c;
	font-size:10px;
	font-weight:900;
	letter-spacing:.08em;
}

.moon-phone-register-form .input-text,
.woocommerce-form-login .input-text {
	min-height:46px;
	font-size:16px !important;
}

.moon-phone-register-form .woocommerce-form-register__submit {
	width:100%;
	min-height:48px;
	border-radius:13px !important;
	font-size:15px !important;
	font-weight:800 !important;
}

.moon-phone-register-benefit {
	margin:4px 0 12px;
	padding:9px 11px;
	border-radius:10px;
	background:#fff7f2;
	color:#805e4d;
}

.moon-optional-label {
	color:#9d8d84;
	font-size:11px;
	font-weight:500;
}

.moon-phone-login-help {
	margin-top:8px;
}

.moon-phone-privacy {
	margin:10px 0 12px;
	color:#8b7d75;
	font-size:10.5px;
	line-height:1.5;
}

.moon-phone-privacy p {
	margin:0 !important;
}

.moon-phone-honeypot {
	position:absolute !important;
	left:-10000px !important;
	top:auto !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
}

/* Checkout: nhấn mạnh số điện thoại; email chỉ là tùy chọn. */
body.woocommerce-checkout #billing_phone_field label {
	font-weight:800;
}

body.woocommerce-checkout #billing_email_field label {
	font-weight:600;
	color:#7d6d65;
}

@media (max-width:782px) {
	body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-register,
	body.woocommerce-account.moon-account-guest #customer_login form.woocommerce-form-login {
		padding:15px !important;
		border-radius:15px !important;
	}

	.moon-phone-register-heading h2 {
		font-size:20px !important;
	}
}


/* ==========================================================================
   2.3.81 — Lost password by phone.
   ========================================================================== */

.moon-phone-reset {
	max-width:520px;
	margin:20px auto 32px;
	padding:20px;
	border:1px solid #eee2da;
	border-radius:18px;
	background:#fff;
	box-shadow:0 8px 24px rgba(72,48,36,.045);
}

.moon-phone-reset__head {
	margin-bottom:16px;
}

.moon-phone-reset__badge {
	display:block;
	margin-bottom:4px;
	color:#df733b;
	font-size:10px;
	font-weight:900;
	letter-spacing:.08em;
}

.moon-phone-reset__head h2 {
	margin:0 0 5px !important;
	font-size:24px !important;
	line-height:1.25 !important;
}

.moon-phone-reset__head p,
.moon-phone-reset__explain {
	margin:0;
	color:#7a6b63;
	font-size:12px;
	line-height:1.55;
}

.moon-phone-reset__notice {
	margin:0 0 14px;
	padding:11px 12px;
	border-radius:11px;
	font-size:12px;
	font-weight:700;
	line-height:1.5;
}

.moon-phone-reset__notice--success {
	border:1px solid #b9dfc3;
	background:#f1fbf4;
	color:#2f7045;
}

.moon-phone-reset__notice--contact,
.moon-phone-reset__notice--notice {
	border:1px solid #f0d1ba;
	background:#fff7f1;
	color:#8b583a;
}

.moon-phone-reset__notice--error {
	border:1px solid #efc7c7;
	background:#fff5f5;
	color:#a14242;
}

.moon-phone-reset__form .input-text {
	min-height:48px;
	font-size:16px !important;
}

.moon-phone-reset__explain {
	margin:4px 0 13px;
	padding:9px 11px;
	border-radius:10px;
	background:#fff9f5;
}

.moon-phone-reset__submit {
	width:100%;
	min-height:48px;
	border-radius:13px !important;
	font-size:15px !important;
	font-weight:800 !important;
}

.moon-phone-reset__support {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin:0 0 14px;
}

.moon-phone-reset__support .button {
	display:flex !important;
	align-items:center;
	justify-content:center;
	min-height:42px;
	margin:0 !important;
	border-radius:11px !important;
	text-align:center;
	font-size:12px !important;
	font-weight:800 !important;
	text-decoration:none !important;
}

.moon-phone-reset__zalo {
	background:#1677ff !important;
	border-color:#1677ff !important;
	color:#fff !important;
}

.moon-phone-reset__call {
	background:#fff2e9 !important;
	border-color:#efc5a9 !important;
	color:#b45f30 !important;
}

.moon-phone-reset__back {
	margin:12px 0 0;
	text-align:center;
	font-size:12px;
}

.moon-phone-reset__back a {
	color:#9a6648;
}

@media (max-width:600px) {
	.moon-phone-reset {
		margin:10px 0 24px;
		padding:16px;
		border-radius:15px;
	}

	.moon-phone-reset__head h2 {
		font-size:21px !important;
	}

	.moon-phone-reset__support {
		grid-template-columns:1fr;
	}
}


/* ==========================================================================
   2.3.84 — Số điện thoại trong Tài khoản > Hồ sơ.
   ========================================================================== */

.woocommerce-EditAccountForm .moon-account-phone-row {
	margin-bottom:18px;
}

.woocommerce-EditAccountForm .moon-account-phone-row .moon-account-phone-help {
	display:block;
	margin-top:6px;
	color:#78665c;
	font-size:12px;
	line-height:1.5;
}

.woocommerce-EditAccountForm #account_phone {
	min-height:48px;
	font-size:16px;
}