/**
 * Trang tài khoản — form Quên mật khẩu / Đặt mật khẩu mới: căn giữa, khung gọn.
 */

/* Khoảng trống trên/dưới: theme (#primary) và khung Elementor của trang My Account đều 60px → thu gọn như trang giỏ hàng.
   Lề dưới riêng của form/khung bên dưới đặt 0. */
html body.woocommerce-account #primary.content-area,
html body.woocommerce-account .elementor > .e-con > .e-con-inner:has(.rtsb-myacount-page) {
	padding-top: 24px !important;
	padding-bottom: 40px !important;
}
@media (max-width: 767px) {
	html body.woocommerce-account #primary.content-area,
	html body.woocommerce-account .elementor > .e-con > .e-con-inner:has(.rtsb-myacount-page) {
		padding-top: 14px !important;
		padding-bottom: 32px !important;
	}
}
html body .woocommerce form.lost_reset_password {
	max-width: 480px;
	margin: 0 auto !important;
	padding: 32px 28px !important;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 32px -18px rgba(33, 29, 26, .25);
}
html body .woocommerce form.lost_reset_password > p:first-child {
	margin-bottom: 20px !important;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
}
html body .woocommerce form.lost_reset_password .form-row {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 16px !important;
}
html body .woocommerce form.lost_reset_password .form-row input.input-text {
	width: 100% !important;
}
html body .woocommerce form.lost_reset_password button.button {
	display: block;
	width: 100% !important;
	margin: 8px 0 0 !important;
}

/* ===== Tài khoản (đã đăng nhập): màu đỏ King Coffee thay xanh #1B8057 của theme ===== */
/* Menu trái: mục đang chọn nền đỏ; rê chuột nền hồng nhạt chữ đỏ. */
html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
html body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a:hover {
	background-color: #950B18 !important;
	border-color: #950B18 !important;
	color: #fff !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) > a:hover {
	background-color: #fdf0f1 !important;
	color: #950B18 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-navigation li > a svg,
html body.woocommerce-account .woocommerce-MyAccount-navigation li > a i { color: inherit !important; fill: currentColor; }
/* Link trong nội dung (không tính nút). */
/* Nội dung: WooCommerce (.woocommerce-MyAccount-content) hoặc widget ShopBuilder (.rtsb-myacount-page) — trừ menu trái. */
html body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button),
html body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) font,
html body.woocommerce-account .rtsb-myacount-page a:not(.button):not(.woocommerce-button):not(.woocommerce-MyAccount-navigation a),
html body.woocommerce-account .rtsb-myacount-page a:not(.button):not(.woocommerce-button):not(.woocommerce-MyAccount-navigation a) font {
	color: #950B18 !important;
	border-color: #950B18 !important;
}
html body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover,
html body.woocommerce-account .rtsb-myacount-page a:not(.button):not(.woocommerce-button):not(.woocommerce-MyAccount-navigation a):hover { color: #7a0913 !important; text-decoration: underline; }
/* Nút trong bảng Đơn hàng / xem đơn: Xem = nâu, Trả hàng = cam, Hủy = đỏ (thắng màu xanh !important của ShopBuilder). */
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.view,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.view,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.view {
	background-color: #7a5a45 !important;
	border-color: #7a5a45 !important;
	color: #fff !important;
}
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.view:hover,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.view:hover,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.view:hover {
	background-color: #5f4535 !important;
	border-color: #5f4535 !important;
}
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.return,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.return,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.return {
	background-color: #E0761F !important;
	border-color: #E0761F !important;
	color: #fff !important;
}
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.return:hover,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.return:hover,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.return:hover {
	background-color: #c4621a !important;
	border-color: #c4621a !important;
}
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.cancel,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.cancel,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.cancel {
	background-color: #950B18 !important;
	border-color: #950B18 !important;
	color: #fff !important;
}
html body.woocommerce-account td[class*="order-actions"] a.woocommerce-button.button.cancel:hover,
html body.woocommerce-account .woocommerce-MyAccount-content a.woocommerce-button.button.cancel:hover,
html body.woocommerce-account .rtsb-myacount-page a.woocommerce-button.button.cancel:hover {
	background-color: #7a0913 !important;
	border-color: #7a0913 !important;
}

/* Bảng Đơn hàng trên mobile: bảng rộng hơn màn hình (mất cột Tổng, nút Hủy bị cắt) → mỗi đơn là 1 thẻ:
   [#mã đơn ........ trạng thái] / [ngày ........ tổng tiền] / [Xem | Trả hàng | Hủy]. */
@media (max-width: 767px) {
	html body.woocommerce-account table.account-orders-table,
	html body.woocommerce-account table.woocommerce-orders-table {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	html body.woocommerce-account table.account-orders-table thead,
	html body.woocommerce-account table.woocommerce-orders-table thead { display: none !important; }
	html body.woocommerce-account table.account-orders-table tbody,
	html body.woocommerce-account table.woocommerce-orders-table tbody { display: block !important; }
	html body.woocommerce-account table.account-orders-table tbody tr,
	html body.woocommerce-account table.woocommerce-orders-table tbody tr {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px 12px;
		margin: 0 0 12px !important;
		padding: 14px !important;
		border: 1px solid rgba(0, 0, 0, .08) !important;
		border-radius: 12px;
		background: #faf8f6 !important;
	}
	html body.woocommerce-account table.account-orders-table tbody td,
	html body.woocommerce-account table.woocommerce-orders-table tbody td {
		display: block !important;
		width: auto !important;
		min-width: 0;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		text-align: left !important;
		font-size: 14px;
	}
	html body.woocommerce-account table.account-orders-table tbody td::before,
	html body.woocommerce-account table.woocommerce-orders-table tbody td::before { display: none !important; content: none !important; }
	/* Mã đơn */
	html body.woocommerce-account table.account-orders-table td[class*="order-number"],
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-number"] { grid-column: 1; grid-row: 1; font-weight: 700; font-size: 15px; }
	/* Trạng thái */
	html body.woocommerce-account table.account-orders-table td[class*="order-status"],
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-status"] { grid-column: 2; grid-row: 1; justify-self: end; }
	/* Ngày (1 dòng) */
	html body.woocommerce-account table.account-orders-table td[class*="order-date"],
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-date"] { grid-column: 1 / -1; grid-row: 2; font-size: 13px; color: #7b716a; white-space: nowrap; }
	/* Tổng tiền: dòng riêng (chữ "x sản phẩm, giá ..." khá dài) */
	html body.woocommerce-account table.account-orders-table td[class*="order-total"],
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-total"] { grid-column: 1 / -1; grid-row: 3; font-size: 13px; color: #5f5751; }
	html body.woocommerce-account table.account-orders-table td[class*="order-total"] .amount,
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-total"] .amount { font-weight: 700; color: #950B18; }
	/* Nút: chia đều hết hàng */
	html body.woocommerce-account table.account-orders-table td[class*="order-actions"],
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-actions"] {
		grid-column: 1 / -1;
		grid-row: 4;
		display: flex !important;
		gap: 8px;
		margin-top: 4px;
		padding-top: 10px !important;
		border-top: 1px solid rgba(0, 0, 0, .06) !important;
	}
	html body.woocommerce-account table.account-orders-table td[class*="order-actions"] a.button,
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-actions"] a.button {
		flex: 1 1 0;
		min-width: 0;
		margin: 0 !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		text-align: center;
		white-space: nowrap;
	}
	html body.woocommerce-account table.account-orders-table td[class*="order-actions"] a.button.view,
	html body.woocommerce-account table.woocommerce-orders-table td[class*="order-actions"] a.button.view { flex: 0 0 64px; }

	/* Khung viền bao nội dung tài khoản (container Elementor): đệm 30px/bên → 12px; bên trong 14px. */
	html body.woocommerce-account .e-con:has(> .e-con-inner > .elementor-widget > .elementor-widget-container > .rtsb-myacount-page) {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	html body.woocommerce-account .e-con-inner:has(> .elementor-widget > .elementor-widget-container > .rtsb-myacount-page) {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}
}

/* ===== Form trong khu vực Tài khoản (địa chỉ, chi tiết tài khoản, đăng nhập…): ô nhập đồng bộ ===== */
html body.woocommerce-account .rtsb-myacount-page input.input-text,
html body.woocommerce-account .rtsb-myacount-page input[type="text"],
html body.woocommerce-account .rtsb-myacount-page input[type="email"],
html body.woocommerce-account .rtsb-myacount-page input[type="tel"],
html body.woocommerce-account .rtsb-myacount-page input[type="password"],
html body.woocommerce-account .rtsb-myacount-page select,
html body.woocommerce-account .rtsb-myacount-page textarea,
html body.woocommerce-account .woocommerce-MyAccount-content input.input-text,
html body.woocommerce-account .woocommerce-MyAccount-content select {
	height: 46px;
	padding: 0 14px !important;
	border: 1px solid rgba(0, 0, 0, .16) !important;
	border-radius: 10px !important;
	background-color: #fff !important;
	box-shadow: none;
	font-size: 15px;
	color: #211D1A;
	transition: border-color .15s, box-shadow .15s;
}
html body.woocommerce-account .rtsb-myacount-page textarea { height: auto; min-height: 100px; padding: 12px 14px !important; }
/* <select> thường (vd Quốc gia khi chỉ bán 1 nước): mũi tên SVG của theme bị lặp khắp ô → 1 mũi tên bên phải, rộng hết khung. */
html body.woocommerce-account .rtsb-myacount-page select,
html body.woocommerce-account .woocommerce-MyAccount-content select {
	width: 100% !important;
	padding-right: 38px !important;
	-webkit-appearance: none;
	appearance: none;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 12px auto !important;
}
html body.woocommerce-account .rtsb-myacount-page input:focus,
html body.woocommerce-account .rtsb-myacount-page select:focus,
html body.woocommerce-account .rtsb-myacount-page textarea:focus,
html body.woocommerce-account .woocommerce-MyAccount-content input.input-text:focus {
	border-color: #950B18 !important;
	box-shadow: 0 0 0 3px rgba(149, 11, 24, .12) !important;
	outline: none !important;
}
html body.woocommerce-account .rtsb-myacount-page .form-row label { margin-bottom: 6px !important; font-size: 14px; font-weight: 500; color: #211D1A; }
html body.woocommerce-account .rtsb-myacount-page .form-row { margin-bottom: 16px !important; }
html body.woocommerce-account .rtsb-myacount-page .password-input { display: block; position: relative; }
/* Ô chọn Quốc gia / Tỉnh (select2): cùng kiểu với ô nhập, bỏ nền răng cưa. */
html body.woocommerce-account .rtsb-myacount-page .select2-container { width: 100% !important; }
html body.woocommerce-account .rtsb-myacount-page .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	height: 46px !important;
	border: 1px solid rgba(0, 0, 0, .16) !important;
	border-radius: 10px !important;
	background: #fff !important;
	background-image: none !important;
}
html body.woocommerce-account .rtsb-myacount-page .select2-container .select2-selection__rendered {
	padding: 0 38px 0 14px !important;
	line-height: 44px !important;
	background: none !important;
	font-size: 15px;
	color: #211D1A !important;
}
html body.woocommerce-account .rtsb-myacount-page .select2-container .select2-selection__arrow {
	top: 1px !important;
	right: 10px !important;
	height: 44px !important;
	background: none !important;
}
html body.woocommerce-account .rtsb-myacount-page .select2-container--focus .select2-selection--single,
html body.woocommerce-account .rtsb-myacount-page .select2-container--open .select2-selection--single { border-color: #950B18 !important; }
/* Tiêu đề form (Địa chỉ thanh toán / giao hàng) và phần Đổi mật khẩu. */
html body.woocommerce-account.woocommerce-edit-address .rtsb-myacount-page form > h2,
html body.woocommerce-account.woocommerce-edit-address .rtsb-myacount-page form > h3 {
	margin: 0 0 18px !important;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: 22px !important;
	font-weight: 700;
	color: #211D1A;
}
/* Phần "Đổi mật khẩu": đường kẻ phân cách + tiêu đề (bỏ viền fieldset của theme bị vẽ chồng). */
html body.woocommerce-account .rtsb-myacount-page fieldset {
	margin: 24px 0 8px !important;
	padding: 20px 0 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(0, 0, 0, .08) !important;
	border-radius: 0;
	background: transparent !important;
}
html body.woocommerce-account .rtsb-myacount-page fieldset legend {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 18px !important;
	font-weight: 700;
	color: #211D1A;
}
html body.woocommerce-account .rtsb-myacount-page fieldset legend + * { clear: both; }
html body.woocommerce-account .rtsb-myacount-page fieldset .form-row:last-child { margin-bottom: 0 !important; }
html body.woocommerce-account .rtsb-myacount-page #account_display_name_description,
html body.woocommerce-account .rtsb-myacount-page #account_display_name + span em { font-size: 13px; color: #7b716a; }

/* ===== Danh sách địa chỉ (/my-account/edit-address/): mỗi địa chỉ là 1 thẻ ===== */
html body.woocommerce-edit-address .rtsb-myacount-page > p:first-child,
html body.woocommerce-edit-address .woocommerce-MyAccount-content > p:first-child { margin: 0 0 4px !important; font-size: 14px; color: #7b716a; }
html body.woocommerce-edit-address .woocommerce-Address {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	height: 100%;
	margin: 0 !important;
	padding: 18px 20px !important;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 12px;
	background: #fff;
}
html body.woocommerce-edit-address .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 12px !important;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
}
html body.woocommerce-edit-address .woocommerce-Address-title::before,
html body.woocommerce-edit-address .woocommerce-Address-title::after { display: none !important; }
html body.woocommerce-edit-address .woocommerce-Address-title h3,
html body.woocommerce-edit-address .woocommerce-Address-title h2 { margin: 0 !important; font-size: 17px !important; font-weight: 700; color: #211D1A; }
html body.woocommerce-edit-address .woocommerce-Address-title a.edit {
	flex: none;
	float: none !important;
	padding: 5px 14px;
	border: 1px solid #950B18;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: #950B18 !important;
	text-decoration: none !important;
	transition: background .15s, color .15s;
}
html body.woocommerce-edit-address .woocommerce-Address-title a.edit:hover { background: #950B18; color: #fff !important; }
html body.woocommerce-edit-address .woocommerce-Address-title a.edit:hover font { color: #fff !important; }
html body.woocommerce-edit-address .woocommerce-Address address { margin: 0 !important; font-style: normal; font-size: 14px; line-height: 1.8; color: #5f5751; }

/* ===== Trang xem đơn hàng (/my-account/view-order/ID/) ===== */
/* Widget "Ghi chú đơn" / "Tệp tải xuống" của ShopBuilder khi rỗng vẫn chiếm 20px khoảng cách → ẩn (có nội dung thì vẫn hiện). */
html body.woocommerce-view-order .elementor-widget-rtsb-account-order-note:not(:has(ol, li, .woocommerce-OrderUpdates)),
html body.woocommerce-view-order .elementor-widget-rtsb-account-order-download:not(:has(table, .woocommerce-order-downloads)) { display: none !important; }
/* Khoảng cách giữa các phần: dùng gap 20px của Elementor, bỏ lề dưới riêng. */
html body.woocommerce-view-order table.order_details { margin-bottom: 0 !important; }
/* Dòng "Đơn hàng #… đặt ngày … hiện đang …" → khung tóm tắt. */
html body.woocommerce-view-order p:has(> mark.order-number) {
	margin: 0 !important;
	padding: 16px 18px;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 12px;
	background: #faf8f6;
	font-size: 14px;
	line-height: 2;
	color: #5f5751;
}
html body.woocommerce-view-order mark.order-number,
html body.woocommerce-view-order mark.order-date,
html body.woocommerce-view-order mark.order-status {
	padding: 0 !important;
	background: transparent !important;
	font-weight: 700;
	color: #211D1A !important;
}
html body.woocommerce-view-order mark.order-number { font-size: 16px; color: #950B18 !important; }
html body.woocommerce-view-order mark.order-status {
	display: inline-block;
	padding: 2px 12px !important;
	border-radius: 999px;
	background: #efe9e3 !important;
	font-size: 13px;
	line-height: 1.6;
}
html body.woocommerce-view-order.kch-order-completed mark.order-status { background: #e3f4e8 !important; color: #1f7a3a !important; }
html body.woocommerce-view-order.kch-order-processing mark.order-status { background: #fdefe2 !important; color: #b85a12 !important; }
html body.woocommerce-view-order.kch-order-on-hold mark.order-status,
html body.woocommerce-view-order.kch-order-pending mark.order-status { background: #fdf6dd !important; color: #8a6a00 !important; }
html body.woocommerce-view-order.kch-order-cancelled mark.order-status,
html body.woocommerce-view-order.kch-order-failed mark.order-status,
html body.woocommerce-view-order.kch-order-refunded mark.order-status { background: #fdecee !important; color: #950B18 !important; }

/* Tiêu đề các phần */
html body.woocommerce-view-order .woocommerce-order-details__title,
html body.woocommerce-view-order .woocommerce-column__title,
html body.woocommerce-view-order .woocommerce-customer-details h2 {
	margin: 0 0 12px !important;
	font-size: 18px !important;
	font-weight: 700;
	color: #211D1A;
}

/* Bảng chi tiết đơn: bỏ viền dày, hàng kẻ mảnh, tổng cộng nổi bật. */
html body.woocommerce-view-order table.order_details {
	width: 100% !important;
	margin: 0 0 28px !important;
	border: 1px solid rgba(0, 0, 0, .08) !important;
	border-radius: 12px;
	border-collapse: separate !important;
	border-spacing: 0;
	overflow: hidden;
	background: #fff;
}
html body.woocommerce-view-order table.order_details th,
html body.woocommerce-view-order table.order_details td {
	padding: 14px 18px !important;
	border: 0 !important;
	border-top: 1px solid rgba(0, 0, 0, .06) !important;
	background: transparent !important;
	font-size: 14px;
	vertical-align: middle;
}
html body.woocommerce-view-order table.order_details thead th {
	border-top: 0 !important;
	background: #faf8f6 !important;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #7b716a;
}
html body.woocommerce-view-order table.order_details th:last-child,
html body.woocommerce-view-order table.order_details td:last-child { text-align: right !important; }
html body.woocommerce-view-order table.order_details td.product-name a { font-weight: 600; color: #211D1A !important; }
html body.woocommerce-view-order table.order_details td.product-name a:hover { color: #950B18 !important; }
html body.woocommerce-view-order table.order_details td.product-name .product-quantity { font-weight: 600; color: #7b716a; }
html body.woocommerce-view-order table.order_details td.product-total { font-weight: 600; white-space: nowrap; }
html body.woocommerce-view-order table.order_details tfoot th { font-weight: 500; color: #7b716a; }
html body.woocommerce-view-order table.order_details tfoot td { font-weight: 600; color: #211D1A; }
html body.woocommerce-view-order table.order_details tfoot .shipped_via { display: block; font-weight: 400; font-size: 12px; color: #7b716a; }
/* Hàng "Tổng cộng" (hàng tfoot có chứa số tiền, đứng trước "Phương thức thanh toán") */
html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) th,
html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) td { background: #fdf6f6 !important; }
html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) th { font-weight: 700; color: #211D1A; }
html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) td,
html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) td .amount { font-size: 18px; font-weight: 700; color: #950B18; }

/* Địa chỉ: thẻ bo góc */
html body.woocommerce-view-order .woocommerce-customer-details address {
	margin: 0 !important;
	padding: 16px 18px !important;
	border: 1px solid rgba(0, 0, 0, .08) !important;
	border-radius: 12px;
	background: #fff;
	font-style: normal;
	font-size: 14px;
	line-height: 1.8;
	color: #5f5751;
}
html body.woocommerce-view-order .woocommerce-customer-details address p {
	position: relative;
	margin: 6px 0 0 !important;
	padding: 0 0 0 26px !important;
}
/* Icon điện thoại / email: nằm trong khung (trước đây lòi ra mép trái). */
html body.woocommerce-view-order .woocommerce-customer-details address p::before {
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
	margin: 0 !important;
	color: #950B18 !important;
}
html body.woocommerce-view-order table.order_details td.product-name { color: #211D1A; font-weight: 500; }
html body.woocommerce-view-order table.order_details td .amount { white-space: nowrap; }

@media (max-width: 767px) {
	html body.woocommerce-view-order p:has(> mark.order-number) { padding: 14px; font-size: 13px; }
	html body.woocommerce-view-order table.order_details th,
	html body.woocommerce-view-order table.order_details td { padding: 12px 12px !important; font-size: 13px; }
	html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) td,
	html body.woocommerce-view-order table.order_details tfoot tr:nth-last-child(2) td .amount { font-size: 16px; }
	html body.woocommerce-view-order .woocommerce-customer-details { margin-bottom: 16px; }
}

/* Breadcrumb trang tài khoản: link xám, trang hiện tại đỏ. */
html body.woocommerce-account [class*="breadcrumb"] a,
html body.woocommerce-account [class*="breadcrumb"] a font { color: #7b716a !important; }
html body.woocommerce-account [class*="breadcrumb"] a:hover { color: #950B18 !important; }
html body.woocommerce-account [class*="breadcrumb"] .current-item,
html body.woocommerce-account [class*="breadcrumb"] .current-item font { color: #950B18 !important; }

/* ===== Đăng nhập / Đăng ký: 2 màn riêng (JS: inc/account.php thêm .kch-auth + data-view) ===== */
html body #customer_login.kch-auth {
	display: block !important;
	max-width: 480px;
	margin: 0 auto !important;
}
html body #customer_login.kch-auth::before,
html body #customer_login.kch-auth::after { display: none !important; }
html body #customer_login.kch-auth > .u-column1,
html body #customer_login.kch-auth > .u-column2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	flex: none !important;
	margin: 0 !important;
	padding: 32px 28px !important;
	border: 1px solid rgba(0, 0, 0, .08) !important;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 32px -18px rgba(33, 29, 26, .25);
}
/* ShopBuilder vẽ đường chia 2 cột bằng .rtsb-left-border::before (thanh xám 2px) → 2 màn đã tách nên bỏ. */
html body #customer_login.kch-auth > .u-column1::before,
html body #customer_login.kch-auth > .u-column2::before,
html body #customer_login.kch-auth > .u-column1::after,
html body #customer_login.kch-auth > .u-column2::after { display: none !important; content: none !important; }
html body #customer_login.kch-auth[data-view="login"] > .u-column2,
html body #customer_login.kch-auth[data-view="register"] > .u-column1 { display: none !important; }
html body #customer_login.kch-auth h2 {
	margin: 0 0 20px !important;
	text-align: center;
}
html body #customer_login.kch-auth form.login,
html body #customer_login.kch-auth form.register {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
html body #customer_login.kch-auth .form-row input.input-text { width: 100% !important; }
html body #customer_login.kch-auth .woocommerce-form-login__submit,
html body #customer_login.kch-auth .woocommerce-form-register__submit,
html body #customer_login.kch-auth form.register button.button {
	display: block !important;
	width: 100% !important;
	margin: 8px 0 0 !important;
	float: none !important;
}
html body #customer_login.kch-auth .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; }
html body #customer_login.kch-auth .lost_password { margin: 16px 0 0 !important; text-align: center; }
.kch-auth__switch {
	margin: 20px 0 0 !important;
	padding-top: 18px;
	border-top: 1px solid rgba(0, 0, 0, .07);
	text-align: center;
	font-size: 14px;
	color: #7b716a;
}
.kch-auth__switch a { font-weight: 600; color: #950B18 !important; }
.kch-auth__switch a:hover { text-decoration: underline; }
@media (max-width: 575px) {
	html body #customer_login.kch-auth { margin: 0 auto !important; }
	html body #customer_login.kch-auth > .u-column1,
	html body #customer_login.kch-auth > .u-column2 { padding: 24px 18px !important; }
}

/* Thông báo "Đã gửi email đặt lại mật khẩu" cũng căn giữa cùng độ rộng. */
html body.woocommerce-lost-password .woocommerce-message,
html body.woocommerce-lost-password .woocommerce-error,
html body.woocommerce-lost-password .woocommerce-info {
	max-width: 480px;
	margin-left: auto !important;
	margin-right: auto !important;
}
html body.woocommerce-lost-password .woocommerce > p {
	max-width: 480px;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}

/* Trang "Đã gửi email" (?reset-link-sent=true): banner kiểu WooCommerce Blocks, CSS gốc không nạp. */
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 480px;
	margin: 0 auto 16px !important;
	padding: 14px 18px;
	border: 1px solid #b7dfc3 !important;
	border-radius: 12px;
	background: #f1faf4;
	color: #1f5f35;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
}
/* WooCommerce tự focus vào thông báo (tabindex=-1) → bỏ viền focus đen. */
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner:focus,
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner > svg {
	flex: none;
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 50%;
	background: #1f7a3a;
	fill: #fff;
}
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner.is-error {
	border-color: #f1c4c8 !important;
	background: #fdf3f4;
	color: #950B18;
}
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner.is-error > svg { background: #950B18; }
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner.is-info {
	border-color: #e5ddd3 !important;
	background: #faf7f3;
	color: #5f5751;
}
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner.is-info > svg { background: #9C682A; }
html body.woocommerce-account .woocommerce > .wc-block-components-notice-banner .wc-block-components-notice-banner__content { flex: 0 1 auto; }
/* Đoạn giải thích bên dưới banner. */
html body.woocommerce-lost-password .woocommerce > .wc-block-components-notice-banner + p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 14px;
	line-height: 1.7;
	color: #7b716a;
}

@media (max-width: 575px) {
	html body .woocommerce form.lost_reset_password {
		margin: 0 auto !important;
		padding: 24px 18px !important;
	}
}