/* ============================================================
   Trang tài khoản hợp nhất (/user-account/) — Mac OS style.
   Đồng bộ thư viện ELC (elc-woo-cart.css / elc-woo-checkout.css):
   nền xám nhạt #f5f7fa, khung nội dung trắng bo góc 20px, bóng nhẹ,
   chữ #17233b, màu nhấn #367fcf, font Inter.
   ============================================================ */

body.elc-account-page {
	background: #f5f7fa;
}

body.elc-account-page .masterstudy-account,
body.elc-account-page .woocommerce-account .woocommerce,
body.elc-account-page .woocommerce-MyAccount-content,
body.elc-account-page .woocommerce-MyAccount-navigation {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #17233b;
}

/* ============================================================
   Trang tài khoản MasterStudy
   ============================================================ */

/* Khung trắng: sidebar (ảnh đại diện + menu) */
body.elc-account-page .masterstudy-account-sidebar__wrapper {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 24px 12px;
}

/* Khung trắng: nội dung chính */
body.elc-account-page .masterstudy-account-container {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 28px;
}

body.elc-account-page .masterstudy-account-profile {
	margin-bottom: 24px;
	padding: 0 8px;
}

body.elc-account-page .masterstudy-account-profile__name {
	color: #17233b;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.elc-account-page .masterstudy-account-profile a.masterstudy-account-profile__link {
	color: #367fcf;
}

/* Tiêu đề section của menu */
body.elc-account-page .masterstudy-account-menu__list-section {
	margin-bottom: 22px;
}

body.elc-account-page .masterstudy-account-menu__list-section-title {
	color: #8793a4;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Từng mục menu - bo góc tròn kiểu Mac OS */
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item {
	height: 44px;
	border-radius: 10px;
	margin-bottom: 2px;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #3d485a;
}

body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover {
	background: #f0f6ff;
}

body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active {
	background: #eaf3ff;
}

body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active .masterstudy-account-menu__list-item-label,
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active i,
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover .masterstudy-account-menu__list-item-label,
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover i {
	color: #367fcf;
}

/* Nút "Đăng xuất" giữ màu nhấn đỏ nhẹ cho dễ nhận biết */
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item_logout .masterstudy-account-menu__list-item-label,
body.elc-account-page .masterstudy-account-menu__list a.masterstudy-account-menu__list-item_logout i {
	color: #d6455b;
}


/* ============================================================
   Trang tài khoản WooCommerce (endpoint: /tai-khoan/orders,
   /tai-khoan/edit-address, /tai-khoan/edit-account ...)
   ============================================================ */

/* Bố cục 2 cột: nav trái + nội dung phải */
body.elc-account-page .woocommerce-MyAccount-navigation {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 20px 12px;
}

body.elc-account-page .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.elc-account-page .woocommerce-MyAccount-navigation ul li {
	margin: 0 0 2px;
}

body.elc-account-page .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 14px;
	border-radius: 10px;
	color: #3d485a;
	font-weight: 500;
	text-decoration: none;
	transition: background .2s ease, color .2s ease;
}

body.elc-account-page .woocommerce-MyAccount-navigation ul li a:hover {
	background: #f0f6ff;
	color: #367fcf;
}

body.elc-account-page .woocommerce-MyAccount-navigation ul li.is-active a {
	background: #eaf3ff;
	color: #367fcf;
	font-weight: 600;
}

/* Nội dung chính */
body.elc-account-page .woocommerce-MyAccount-content {
	background: #fff;
	border: 1px solid #e3e9f0;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 55, 85, .055);
	padding: 28px;
}

body.elc-account-page .woocommerce-MyAccount-content h2,
body.elc-account-page .woocommerce-MyAccount-content h3 {
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #17233b;
	letter-spacing: -.01em;
}

/* Form + ô nhập liệu */
body.elc-account-page .woocommerce form .form-row input.input-text,
body.elc-account-page .woocommerce form .form-row textarea,
body.elc-account-page .woocommerce-EditAccountForm input.input-text,
body.elc-account-page .woocommerce-EditAccountForm .select2-selection {
	border: 1px solid #e3e9f0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.elc-account-page .woocommerce form .form-row input.input-text:focus,
body.elc-account-page .woocommerce form .form-row textarea:focus {
	border-color: #367fcf !important;
	box-shadow: 0 0 0 3px rgba(54, 127, 207, .12) !important;
}

/* Nút bấm */
body.elc-account-page .woocommerce button.button,
body.elc-account-page .woocommerce a.button,
body.elc-account-page .woocommerce input.button,
body.elc-account-page .woocommerce-MyAccount-content .woocommerce-Button {
	border-radius: 12px !important;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 700;
}

/* Bảng đơn hàng */
body.elc-account-page .woocommerce table.shop_table {
	border: 1px solid #e3e9f0;
	border-radius: 14px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.elc-account-page .woocommerce table.shop_table th {
	background: #f7faff;
	color: #6d7a90;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	border-bottom: 1px solid #e3e9f0;
}

body.elc-account-page .woocommerce table.shop_table td {
	border-bottom: 1px solid #f0f3f8;
	color: #17233b;
}

/* ============================================================
   Di động
   ============================================================ */
@media (max-width: 767px) {
	body.elc-account-page .masterstudy-account-sidebar__wrapper,
	body.elc-account-page .masterstudy-account-container,
	body.elc-account-page .woocommerce-MyAccount-navigation,
	body.elc-account-page .woocommerce-MyAccount-content {
		padding: 18px;
		border-radius: 16px;
	}
}