/* ==========================================================================
   VN Account
   ========================================================================== */
.vnac, .vnac-ov, .vnac-hbtn, .vnac-modal {
	--vnac-accent: #e53935;
	--bg: #1f1f23;
	--bg2: #28282e;
	--bg3: #313138;
	--text: #f3f3f5;
	--muted: #a7a7af;
	--line: rgba(255, 255, 255, .09);
	--ok: #43a047;
	--radius: 14px;
}
.vnac[data-theme="light"] {
	--bg: #ffffff;
	--bg2: #f5f5f8;
	--bg3: #ebebf0;
	--text: #1d1d22;
	--muted: #6a6a74;
	--line: rgba(0, 0, 0, .09);
}
.vnac { color: var(--text); font-size: 15px; line-height: 1.55; }
.vnac *, .vnac *::before, .vnac *::after, .vnac-ov *, .vnac-hbtn * { box-sizing: border-box; }
.vnac a { color: var(--vnac-accent); text-decoration: none; }
.vnac-ico { flex: none; display: inline-block; vertical-align: middle; }
.vnac h2, .vnac h3 { text-transform: none; letter-spacing: 0; }

/* ---------- Nút ---------- */
.vnac-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--line);
	border-radius: 11px;
	background: var(--bg2);
	color: var(--text) !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .15s, filter .2s, background .2s, box-shadow .2s, border-color .2s;
}
.vnac-btn:hover { transform: translateY(-1px); border-color: var(--vnac-accent); }
.vnac-btn--primary {
	border: 0;
	background: linear-gradient(135deg, var(--vnac-accent), #ff7043);
	box-shadow: 0 12px 26px -12px var(--vnac-accent), inset 0 -3px 0 rgba(0, 0, 0, .15);
	color: #fff !important;
}
.vnac-btn--primary:hover { filter: brightness(1.07); }
.vnac-btn--ghost { background: transparent; }
.vnac-btn--block { width: 100%; height: 52px; font-size: 16px; }
.vnac-btn[disabled] { opacity: .7; cursor: wait; transform: none; }
.vnac-btn.is-loading .vnac-ico { animation: vnac-spin .9s linear infinite; }

/* ==========================================================================
   Biểu mẫu Đăng nhập / Đăng ký
   ========================================================================== */
.vnac-auth {
	max-width: 460px;
	margin: 24px auto;
	padding: 28px;
	border-radius: 20px;
	background: var(--bg);
	box-shadow: inset 0 0 0 1px var(--line), 0 30px 60px -30px rgba(0, 0, 0, .7);
	position: relative;
	overflow: hidden;
}
.vnac-auth::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: linear-gradient(90deg, var(--vnac-accent), #ff7043, #ffb300);
}
.vnac-auth--modal { margin: 0; max-width: none; box-shadow: none; }
.vnac-auth--in { text-align: center; }
.vnac-auth--in p { margin: 0 0 14px; }
.vnac-auth__brand { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.vnac-auth__logo { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .6); }
.vnac-auth__logo--ph { display: grid; place-items: center; background: var(--vnac-accent); color: #fff; }
.vnac-auth__site { display: block; color: var(--text); font-size: 16px; font-weight: 900; line-height: 1.3; }
.vnac-auth__hello { display: block; color: var(--muted); font-size: 13px; }

.vnac-tabs { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; margin-bottom: 20px; border-radius: 12px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); }
.vnac .vnac-tab {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 0;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--muted);
	font-size: 14px;
	font-weight: 800;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	transition: color .2s;
}
.vnac .vnac-tab.is-active { color: #fff; }
.vnac-tabs__ink { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 9px; background: linear-gradient(135deg, var(--vnac-accent), #ff7043); box-shadow: 0 8px 18px -8px var(--vnac-accent); transition: transform .3s cubic-bezier(.3, 1.3, .5, 1); }
.vnac-auth[data-mode="register"] .vnac-tabs__ink { transform: translateX(100%); }

.vnac-form { display: grid; gap: 14px; animation: vnac-fade .3s ease; }
.vnac-form[hidden] { display: none; }
.vnac-field label { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 6px; color: var(--text); font-size: 13px; font-weight: 700; }
.vnac-forgot { font-size: 12px; font-weight: 600; }
.vnac-input { position: relative; display: flex; align-items: center; }
.vnac-input > .vnac-ico { position: absolute; left: 14px; color: var(--muted); pointer-events: none; transition: color .2s; }
.vnac .vnac-input input {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 46px 0 44px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--bg2);
	box-shadow: none;
	color: var(--text);
	font-size: 15px;
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.vnac .vnac-input--plain input { padding-left: 14px; height: 46px; }
.vnac .vnac-input input::placeholder { color: var(--muted); opacity: .8; }
.vnac .vnac-input input:focus { outline: none; border-color: var(--vnac-accent); background: var(--bg3); box-shadow: 0 0 0 3px rgba(229, 57, 53, .18); }
.vnac .vnac-input:focus-within > .vnac-ico { color: var(--vnac-accent); }
.vnac .is-invalid .vnac-input input { border-color: #ef5350; }
.vnac .vnac-eye {
	position: absolute;
	right: 6px;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--muted);
	cursor: pointer;
}
.vnac .vnac-eye:hover, .vnac .vnac-eye.is-on { color: var(--vnac-accent); }
.vnac-meter { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.vnac-meter span { flex: 1; height: 5px; border-radius: 5px; background: var(--bg3); position: relative; overflow: hidden; }
.vnac-meter span::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 5px; transition: width .3s, background .3s; }
.vnac-meter em { min-width: 70px; color: var(--muted); font-size: 11.5px; font-style: normal; font-weight: 700; text-align: right; }
.vnac-meter[data-s="0"] span::after { width: 15%; background: #e53935; }
.vnac-meter[data-s="1"] span::after { width: 35%; background: #fb8c00; }
.vnac-meter[data-s="2"] span::after { width: 60%; background: #fdd835; }
.vnac-meter[data-s="3"] span::after { width: 82%; background: #7cb342; }
.vnac-meter[data-s="4"] span::after { width: 100%; background: #43a047; }

.vnac-check { position: relative; display: flex; align-items: flex-start; gap: 10px; margin: 0; color: var(--muted); font-size: 13.5px; font-weight: 500; line-height: 1.5; cursor: pointer; }
.vnac-check input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.vnac-check__box { flex: none; position: relative; width: 20px; height: 20px; margin-top: 1px; border: 2px solid var(--muted); border-radius: 6px; transition: all .2s; }
.vnac-check input:checked + .vnac-check__box { border-color: var(--ok); background: var(--ok); }
.vnac-check input:checked + .vnac-check__box::after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.vnac-check input:focus-visible + .vnac-check__box { box-shadow: 0 0 0 3px rgba(229, 57, 53, .35); }
.vnac-check.is-invalid .vnac-check__box { border-color: #ef5350; }

.vnac-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vnac-notice:empty, .vnac-notice.is-none { display: none; }
.vnac-notice { padding: 11px 14px; border-radius: 10px; font-size: 13.5px; line-height: 1.5; }
.vnac-notice.is-err { background: rgba(229, 57, 53, .14); color: #ffcdd2; box-shadow: inset 0 0 0 1px rgba(229, 57, 53, .35); }
.vnac[data-theme="light"] .vnac-notice.is-err { color: #b71c1c; }
.vnac-notice a { color: inherit; font-weight: 800; text-decoration: underline !important; }
.vnac-switch { margin: 2px 0 0; color: var(--muted); font-size: 14px; text-align: center; }
.vnac-switch a { font-weight: 800; }
.vnac-benefits { display: grid; gap: 6px; margin: 4px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--bg2); list-style: none; }
.vnac-benefits li { display: flex; gap: 8px; margin: 0; color: var(--muted); font-size: 13px; }
.vnac-benefits .vnac-ico { color: var(--ok); margin-top: 2px; }

/* ==========================================================================
   Thông báo chuyển hướng
   ========================================================================== */
.vnac-ov {
	position: fixed;
	inset: 0;
	z-index: 1000001;
	display: grid;
	place-items: center;
	padding: 20px;
	background: rgba(0, 0, 0, .7);
	backdrop-filter: blur(5px);
	opacity: 0;
	transition: opacity .25s;
}
.vnac-ov.is-in { opacity: 1; }
.vnac-ov__card {
	width: 100%;
	max-width: 400px;
	padding: 32px 26px 24px;
	border-radius: 20px;
	background: #1f1f23;
	color: #f3f3f5;
	text-align: center;
	box-shadow: 0 30px 70px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(255, 255, 255, .08);
	transform: scale(.9) translateY(10px);
	transition: transform .35s cubic-bezier(.3, 1.4, .5, 1);
}
.vnac-ov.is-in .vnac-ov__card { transform: none; }
.vnac-ov__icon { width: 84px; height: 84px; margin: 0 auto 16px; }
.vnac-ov__icon svg { width: 100%; height: 100%; fill: none; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.vnac-ov.is-ok .vnac-ov__icon svg { stroke: #43a047; }
.vnac-ov.is-fail .vnac-ov__icon svg { stroke: #ef5350; }
.vnac-ov__icon circle { stroke-dasharray: 160; stroke-dashoffset: 160; animation: vnac-draw .6s ease forwards; }
.vnac-ov__icon path { stroke-dasharray: 60; stroke-dashoffset: 60; animation: vnac-draw .4s .45s ease forwards; }
.vnac-ov.is-ok .vnac-ov__icon { filter: drop-shadow(0 0 18px rgba(67, 160, 71, .45)); }
.vnac-ov.is-fail .vnac-ov__icon { filter: drop-shadow(0 0 18px rgba(239, 83, 80, .45)); }
.vnac-ov__title { margin: 0 0 6px; color: #fff; font-size: 21px; font-weight: 900; }
.vnac-ov__msg { margin: 0 0 18px; color: #c4c4cc; font-size: 14.5px; line-height: 1.55; }
.vnac-ov__bar { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .1); overflow: hidden; }
.vnac-ov__bar span { display: block; height: 100%; width: 0; border-radius: 6px; animation: vnac-progress linear forwards; }
.vnac-ov.is-ok .vnac-ov__bar span { background: linear-gradient(90deg, #43a047, #9ccc65); }
.vnac-ov.is-fail .vnac-ov__bar span { background: linear-gradient(90deg, var(--vnac-accent), #ff7043); }
.vnac-ov__count { margin-top: 8px; color: #a7a7af; font-size: 12.5px; }
.vnac-ov__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.vnac-ov .vnac-btn { --bg2: #28282e; --text: #f3f3f5; --line: rgba(255, 255, 255, .12); }

/* ==========================================================================
   Cửa sổ đăng nhập nhanh
   ========================================================================== */
.vnac-modal { position: fixed; inset: 0; z-index: 1000000; display: none; align-items: center; justify-content: center; padding: 20px; }
.vnac-modal.is-open { display: flex; }
.vnac-modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .7); backdrop-filter: blur(4px); animation: vnac-fadein .2s ease; }
.vnac-modal__box { position: relative; width: 100%; max-width: 460px; max-height: calc(100vh - 40px); overflow: auto; border-radius: 20px; animation: vnac-pop .3s cubic-bezier(.3, 1.3, .5, 1); }
.vnac-modal__close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
	width: 34px;
	height: 34px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.vnac-modal__close:hover { background: var(--vnac-accent); }
html.vnac-lock, html.vnac-lock body { overflow: hidden !important; }

/* ==========================================================================
   Nút trên menu / header
   ========================================================================== */
.vnac-hbtn { position: relative; display: inline-flex; align-items: center; gap: 8px; vertical-align: middle; }
.vnac-hbtn a, .vnac-hbtn button { font-family: inherit; }
.vnac-hbtn__login, .vnac-hbtn__reg {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
	text-transform: none;
	white-space: nowrap;
	transition: transform .15s, filter .2s, background .2s;
}
.vnac-hbtn__login { background: rgba(255, 255, 255, .12); color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.vnac-hbtn__login:hover { background: rgba(255, 255, 255, .22); }
.vnac-hbtn__reg { background: linear-gradient(135deg, #ffb300, #ff7043); color: #1d1d22 !important; box-shadow: 0 8px 18px -8px #ff7043; }
.vnac-hbtn__reg:hover { transform: translateY(-1px); filter: brightness(1.05); }
.vnac-hbtn__me {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	min-height: 0;
	margin: 0;
	padding: 0 12px 0 4px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-transform: none;
	cursor: pointer;
}
.vnac-hbtn__me:hover { background: rgba(255, 255, 255, .2); }
.vnac-hbtn__avatar { width: 30px !important; height: 30px !important; border-radius: 50%; margin: 0 !important; }
.vnac-hbtn__name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vnac-hbtn__menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 99999;
	display: grid;
	min-width: 220px;
	padding: 6px;
	border-radius: 14px;
	background: #1f1f23;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: all .2s;
}
.vnac-hbtn--user.is-open .vnac-hbtn__menu { opacity: 1; visibility: visible; transform: none; }
.vnac-hbtn__item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px; color: #e8e8ec !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; text-transform: none; }
.vnac-hbtn__item:hover { background: rgba(255, 255, 255, .07); }
.vnac-hbtn__item .vnac-ico { color: #a7a7af; }
.vnac-hbtn__item--customer-logout { color: #ef9a9a !important; border-top: 1px solid rgba(255, 255, 255, .07); margin-top: 4px; }
.vnac-menu-item { display: flex !important; align-items: center; margin-left: 8px !important; }
.vnac-menu-item > .vnac-hbtn { padding: 4px 0; }

/* ==========================================================================
   Trang tài khoản
   ========================================================================== */
.vnac-account { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 22px; align-items: start; margin: 10px 0 30px; }
.vnac-side { position: sticky; top: 20px; padding: 18px; border-radius: var(--radius); background: var(--bg); box-shadow: inset 0 0 0 1px var(--line); }
.vnac-profile { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 10px; border-bottom: 1px solid var(--line); }
.vnac-profile__avatar img { display: block; width: 58px !important; height: 58px !important; border-radius: 50%; margin: 0 !important; box-shadow: 0 0 0 3px var(--vnac-accent), 0 8px 18px -6px rgba(0, 0, 0, .6); }
.vnac-profile__info { min-width: 0; }
.vnac-profile__info strong { display: block; color: var(--text); font-size: 16px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vnac-profile__info span { color: var(--muted); font-size: 12px; }
.vnac .vnac-nav { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.vnac .vnac-nav ul { display: grid; gap: 3px; margin: 0 !important; padding: 0 !important; list-style: none; border: 0 !important; }
.vnac .vnac-nav li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none; }
.vnac .vnac-nav li a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 11px 12px !important;
	border: 0 !important;
	border-radius: 10px;
	color: var(--text) !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none !important;
	letter-spacing: 0 !important;
	transition: background .2s, color .2s;
}
.vnac .vnac-nav li a .vnac-ico { color: var(--muted); transition: color .2s; }
.vnac .vnac-nav li a:hover { background: var(--bg2); }
.vnac .vnac-nav li.is-active a { background: linear-gradient(135deg, var(--vnac-accent), #ff7043); color: #fff !important; box-shadow: 0 10px 20px -12px var(--vnac-accent); }
.vnac .vnac-nav li.is-active a .vnac-ico { color: #fff; }
.vnac .vnac-nav li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid var(--line) !important; }
.vnac .vnac-nav li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #ef9a9a !important; }

.vnac .vnac-content { float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 22px !important; border-radius: var(--radius); background: var(--bg) !important; box-shadow: inset 0 0 0 1px var(--line); }
.vnac-title { display: flex; align-items: center; gap: 10px; margin: 0 0 18px !important; color: var(--text); font-size: 20px; font-weight: 900; }
.vnac-title .vnac-ico { color: var(--vnac-accent); }
.vnac-h { display: flex; align-items: center; justify-content: space-between; margin: 24px 0 12px !important; color: var(--text); font-size: 16px; font-weight: 800; }
.vnac-h a { font-size: 13px; }
.vnac-muted { color: var(--muted); }

/* Thông báo WooCommerce trong trang tài khoản */
.vnac .woocommerce-message, .vnac .woocommerce-info, .vnac .woocommerce-error, .vnac-content > .woocommerce-notices-wrapper > * {
	margin: 0 0 16px !important;
	padding: 12px 16px !important;
	border: 0 !important;
	border-radius: 12px;
	background: rgba(33, 150, 243, .12) !important;
	box-shadow: inset 0 0 0 1px rgba(33, 150, 243, .3);
	color: var(--text) !important;
	font-size: 14px;
	list-style: none;
}
.vnac .woocommerce-message { background: rgba(67, 160, 71, .12) !important; box-shadow: inset 0 0 0 1px rgba(67, 160, 71, .35); }
.vnac .woocommerce-error { background: rgba(229, 57, 53, .12) !important; box-shadow: inset 0 0 0 1px rgba(229, 57, 53, .35); }
.vnac .woocommerce-message::before, .vnac .woocommerce-info::before, .vnac .woocommerce-error::before { display: none !important; }

/* Tổng quan */
.vnac-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 22px;
	border-radius: 14px;
	background: radial-gradient(120% 140% at 0% 0%, rgba(229, 57, 53, .35), transparent 55%), linear-gradient(135deg, #2a1416, var(--bg2));
	box-shadow: inset 0 0 0 1px rgba(229, 57, 53, .25);
}
.vnac[data-theme="light"] .vnac-hero { background: radial-gradient(120% 140% at 0% 0%, rgba(229, 57, 53, .18), transparent 55%), var(--bg2); }
.vnac-hero__greet { color: #ffab91; font-size: 13px; font-weight: 800; }
.vnac-hero__name { margin: 2px 0 6px !important; color: var(--text); font-size: 26px; font-weight: 900; line-height: 1.2; }
.vnac-hero p { margin: 0; color: var(--muted); font-size: 14px; max-width: 520px; }
.vnac-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.vnac-stat { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); color: var(--text) !important; transition: transform .15s; }
a.vnac-stat:hover { transform: translateY(-2px); }
.vnac-stat strong { display: block; color: var(--text); font-size: 18px; font-weight: 900; line-height: 1.2; }
.vnac-stat strong .amount { font-weight: 900; }
.vnac-stat em { display: block; color: var(--muted); font-size: 12px; font-style: normal; }
.vnac-stat__ico { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; }
.vnac-c1 { background: rgba(229, 57, 53, .16); color: #ff8a80; }
.vnac-c2 { background: rgba(33, 150, 243, .16); color: #90caf9; }
.vnac-c3 { background: rgba(255, 179, 0, .16); color: #ffd54f; }
.vnac-c4 { background: rgba(67, 160, 71, .16); color: #a5d6a7; }

.vnac-plugins:not(:empty) { margin-top: 14px; }
.vnac-plugins > * { border-radius: 12px !important; overflow: hidden; }

.vnac-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.vnac-tile { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); color: var(--text) !important; font-weight: 800; font-size: 14px; transition: transform .15s, box-shadow .2s; }
.vnac-tile:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--vnac-accent); }
.vnac-tile__ico { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--bg3); color: var(--vnac-accent); }
.vnac-tile__label { flex: 1; }
.vnac-tile > .vnac-ico:last-child { color: var(--muted); }

.vnac-orders-mini { display: grid; gap: 8px; }
.vnac-omini { display: grid; grid-template-columns: 90px 100px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); color: var(--text) !important; font-size: 14px; }
.vnac-omini:hover { box-shadow: inset 0 0 0 1px var(--vnac-accent); }
.vnac-omini__no { font-weight: 900; }
.vnac-omini__date { color: var(--muted); }
.vnac-omini .vnac-pill { justify-self: start; }

/* Trạng thái đơn hàng */
.vnac-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(158, 158, 158, .18); color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; }
.vnac-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.vnac-pill--completed { background: rgba(67, 160, 71, .16); color: #81c784; }
.vnac-pill--processing { background: rgba(33, 150, 243, .16); color: #90caf9; }
.vnac-pill--on-hold, .vnac-pill--pending { background: rgba(255, 179, 0, .16); color: #ffd54f; }
.vnac-pill--cancelled, .vnac-pill--failed, .vnac-pill--refunded { background: rgba(229, 57, 53, .16); color: #ef9a9a; }

/* Bảng đơn hàng / tải xuống */
.vnac table.shop_table, .vnac .woocommerce-table, .vnac table.woocommerce-MyAccount-downloads {
	width: 100%;
	margin: 0 0 16px !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 8px !important;
	background: none !important;
}
.vnac table.shop_table thead th { padding: 6px 14px !important; border: 0 !important; background: none !important; color: var(--muted) !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .05em; }
.vnac table.shop_table tbody td, .vnac table.shop_table tbody th, .vnac table.shop_table tfoot td, .vnac table.shop_table tfoot th {
	padding: 14px !important;
	border: 0 !important;
	background: var(--bg2) !important;
	color: var(--text) !important;
	font-size: 14px;
	vertical-align: middle;
}
.vnac table.shop_table tbody tr td:first-child, .vnac table.shop_table tbody tr th:first-child { border-radius: 12px 0 0 12px; }
.vnac table.shop_table tbody tr td:last-child { border-radius: 0 12px 12px 0; }
.vnac table.shop_table tfoot tr th:first-child { border-radius: 12px 0 0 12px; }
.vnac table.shop_table tfoot tr td:last-child { border-radius: 0 12px 12px 0; }
.vnac .vnac-ono { color: var(--text) !important; font-weight: 900; }
.vnac .woocommerce-orders-table__cell-order-actions { text-align: right; white-space: nowrap; }
.vnac .woocommerce-button.button, .vnac .vnac-act, .vnac table.shop_table .button {
	display: inline-flex !important;
	align-items: center;
	min-height: 0 !important;
	height: 36px;
	margin: 2px 0 2px 6px !important;
	padding: 0 14px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: linear-gradient(135deg, var(--vnac-accent), #ff7043) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: 0 8px 16px -8px var(--vnac-accent) !important;
}
.vnac .vnac-act.cancel { background: var(--bg3) !important; color: var(--text) !important; box-shadow: none !important; }
.vnac-pager { display: flex; justify-content: space-between; gap: 10px; }
.vnac-empty { display: grid; justify-items: center; gap: 10px; padding: 40px 20px; border-radius: 14px; background: var(--bg2); color: var(--muted); text-align: center; }
.vnac-empty .vnac-ico { color: var(--vnac-accent); opacity: .7; }
.vnac-empty p { margin: 0; }

/* Biểu mẫu trong trang tài khoản (sửa tài khoản, địa chỉ) */
.vnac-box { margin: 0 0 16px !important; padding: 18px !important; border: 0 !important; border-radius: 14px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); }
.vnac-box__title { float: none; width: auto; margin: 0 0 14px !important; padding: 0 !important; border: 0; color: var(--text); font-size: 15px; font-weight: 800; }
.vnac-box__title small { color: var(--muted); font-weight: 500; }
.vnac-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.vnac .vnac-row, .vnac .woocommerce-address-fields .form-row { float: none !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; }
.vnac .vnac-row label, .vnac .woocommerce-address-fields label { display: block; margin: 0 0 6px; color: var(--text); font-size: 13px; font-weight: 700; text-transform: none; }
.vnac .vnac-row .required, .vnac .woocommerce-address-fields .required { color: var(--vnac-accent); border: 0; text-decoration: none; }
.vnac .vnac-row input.input-text, .vnac .woocommerce-address-fields input.input-text, .vnac .woocommerce-address-fields select, .vnac .woocommerce-address-fields textarea {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--line);
	border-radius: 11px;
	background: var(--bg);
	box-shadow: none;
	color: var(--text);
	font-size: 15px;
}
.vnac .vnac-row input.input-text:focus, .vnac .woocommerce-address-fields input.input-text:focus { outline: none; border-color: var(--vnac-accent); box-shadow: 0 0 0 3px rgba(229, 57, 53, .18); }
.vnac .vnac-input--plain { display: flex; }
.vnac .vnac-input--plain input.input-text { padding-right: 46px; }
.vnac-hint { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; }
.vnac-actions { margin: 0; }
.vnac .vnac-edit .vnac-btn--primary, .vnac .woocommerce-address-fields .button {
	height: 50px;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, var(--vnac-accent), #ff7043) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: none !important;
}
.vnac .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.vnac .woocommerce-Addresses::before, .vnac .woocommerce-Addresses::after { display: none; }
.vnac .woocommerce-Address { float: none !important; width: auto !important; padding: 18px; border-radius: 14px; background: var(--bg2); box-shadow: inset 0 0 0 1px var(--line); }
.vnac .woocommerce-Address-title h2, .vnac .woocommerce-Address-title h3 { margin: 0 0 8px; font-size: 16px; color: var(--text); }
.vnac .woocommerce-Address address { color: var(--muted); font-style: normal; }
.vnac .woocommerce-order-details, .vnac .woocommerce-customer-details { margin-top: 16px; }
.vnac mark { padding: 0 4px; border-radius: 4px; background: rgba(255, 179, 0, .2); color: var(--text); }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
	.vnac-account { grid-template-columns: 1fr; }
	.vnac-side { position: static; }
	.vnac .vnac-nav ul { grid-auto-flow: column; grid-auto-columns: max-content; overflow-x: auto; padding-bottom: 4px !important; }
	.vnac .vnac-nav li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0 !important; padding: 0 !important; border: 0 !important; }
	.vnac-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vnac-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.vnac-auth { padding: 22px 16px; border-radius: 16px; }
	.vnac .vnac-content { padding: 16px !important; }
	.vnac-hero { flex-direction: column; align-items: flex-start; }
	.vnac-hero__name { font-size: 22px; }
	.vnac-tiles, .vnac-grid2, .vnac .woocommerce-Addresses { grid-template-columns: 1fr; }
	.vnac-omini { grid-template-columns: 1fr auto; }
	.vnac-omini__date { display: none; }
	.vnac table.shop_table_responsive thead { display: none; }
	.vnac table.shop_table_responsive tbody tr { display: block; margin-bottom: 10px; border-radius: 12px; overflow: hidden; }
	.vnac table.shop_table_responsive tbody td { display: flex !important; justify-content: space-between; align-items: center; border-radius: 0 !important; padding: 10px 14px !important; text-align: right !important; }
	.vnac table.shop_table_responsive tbody td::before { content: attr(data-title); float: none; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
	.vnac-hbtn__name { display: none; }
	.vnac-hbtn__login span { display: none; }
	.vnac-hbtn__login { padding: 0 10px; }
}

@keyframes vnac-spin { to { transform: rotate(360deg); } }
@keyframes vnac-fade { from { opacity: 0; transform: translateY(6px); } }
@keyframes vnac-fadein { from { opacity: 0; } }
@keyframes vnac-pop { from { opacity: 0; transform: scale(.94) translateY(12px); } }
@keyframes vnac-draw { to { stroke-dashoffset: 0; } }
@keyframes vnac-progress { to { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .vnac *, .vnac-ov * { animation: none !important; transition: none !important; } .vnac-ov__icon circle, .vnac-ov__icon path { stroke-dashoffset: 0; } }

/* Gỡ biểu tượng / gạch chân mặc định của theme */
.vnac a, .vnac a:hover, .vnac-hbtn a { text-decoration: none !important; }
.vnac .vnac-nav li a::before, .vnac .vnac-nav li a::after { display: none !important; content: none !important; }
.vnac .vnac-btn { white-space: nowrap; }
.vnac-stats { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.vnac-stat { padding: 12px; gap: 10px; }
.vnac-stat__ico { width: 38px; height: 38px; }
.vnac-stat > span:last-child { min-width: 0; }
.vnac-stat strong { font-size: 16px; word-break: break-word; }
.vnac-tiles { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
@media (max-width: 600px) { .vnac-tiles { grid-template-columns: 1fr 1fr; } .vnac-stats { grid-template-columns: 1fr 1fr; } }

/* ==========================================================================
   v1.1 – Gỡ thanh tài khoản trùng của theme (Flatsome…)
   ========================================================================== */
.vertical-tabs:has(.vnac-account) > .col:not(:has(.vnac-account)),
.row:has(> .col .vnac-account) > .col:has(#my-account-nav):not(:has(.vnac-account)),
.row:has(> .col .vnac-account) > .col:has(.account-user):not(:has(.vnac-account)) { display: none !important; }
.vertical-tabs:has(.vnac-account) > .col:has(.vnac-account),
.row:has(> .col .vnac-account) > .col:has(.vnac-account) { flex-basis: 100% !important; max-width: 100% !important; width: 100% !important; border: 0 !important; }
body.vnac-no-theme-nav .account-user, body.vnac-no-theme-nav #my-account-nav { display: none !important; }

/* ==========================================================================
   v1.1 – Nút menu dẹp, chữ hoa, chấm trạng thái online/offline
   ========================================================================== */
.vnac-hbtn { gap: 6px; }
.vnac-hbtn__login, .vnac-hbtn__reg, .vnac-hbtn__me {
	height: 30px;
	padding: 0 12px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.vnac-hbtn__login { gap: 8px; padding-left: 4px; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.vnac-hbtn__reg { box-shadow: 0 4px 12px -6px #ff7043, inset 0 -2px 0 rgba(0, 0, 0, .15); }
.vnac-hbtn__me { gap: 8px; padding: 0 8px 0 3px; background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.vnac-hbtn__caret { opacity: .7; margin-left: -2px; }
.vnac-hbtn--user.is-open .vnac-hbtn__caret { transform: rotate(180deg); }
.vnac-hbtn__ava { position: relative; display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 5px; }
.vnac-hbtn__ava img, .vnac-hbtn .vnac-hbtn__avatar { width: 24px !important; height: 24px !important; border-radius: 5px !important; margin: 0 !important; display: block; }
.vnac-hbtn__ava--guest { background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .65); }
.vnac-dot { position: absolute; right: -3px; bottom: -3px; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #2a1214; }
.vnac-dot--off { background: #8e8e96; }
.vnac-dot--on { background: #2ecc71; box-shadow: 0 0 6px 1px rgba(46, 204, 113, .9); }
.vnac-dot--on::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 2px solid #2ecc71; animation: vnac-ping 1.8s ease-out infinite; }
@keyframes vnac-ping { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(2.2); opacity: 0; } }
.vnac-hbtn__name { max-width: 110px; }
@media (max-width: 600px) {
	.vnac-hbtn__login span:not(.vnac-hbtn__ava), .vnac-hbtn__name { display: none; }
	.vnac-hbtn__login { padding: 0 4px; }
}
@media (prefers-reduced-motion: reduce) { .vnac-dot--on::after { animation: none; } }
/* Chống theme ghi đè kiểu liên kết trong menu (display:block, padding…) */
.vnac-hbtn a.vnac-hbtn__login, .vnac-hbtn a.vnac-hbtn__reg, .vnac-hbtn button.vnac-hbtn__me {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	height: 30px !important;
	min-height: 0 !important;
	line-height: 1 !important;
	margin: 0 !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
}
.vnac-hbtn a.vnac-hbtn__login { padding: 0 12px 0 4px !important; }
.vnac-hbtn a.vnac-hbtn__reg { padding: 0 12px 0 10px !important; }
.vnac-hbtn button.vnac-hbtn__me { padding: 0 8px 0 3px !important; }
.vnac-hbtn a.vnac-hbtn__login > span:not(.vnac-hbtn__ava), .vnac-hbtn a.vnac-hbtn__reg > span { display: inline !important; padding: 0 !important; }
.vnac-hbtn .vnac-hbtn__ava { display: grid !important; }
@media (max-width: 600px) { .vnac-hbtn a.vnac-hbtn__login > span:not(.vnac-hbtn__ava) { display: none !important; } .vnac-hbtn a.vnac-hbtn__login { padding: 0 4px !important; } }
.vnac-hbtn button.vnac-hbtn__me { color: #fff !important; font-family: inherit; }
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	border-radius: 8px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #e8e8ec !important;
	background: none;
}
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item:hover { background: rgba(255, 255, 255, .07) !important; }
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item--customer-logout { color: #ef9a9a !important; }
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item .vnac-ico { width: 16px; height: 16px; }

/* ==========================================================================
   v1.2 – Ô nhập Đăng nhập / Đăng ký: nền trắng, chữ đen (luôn dễ đọc)
   ========================================================================== */
.vnac-auth .vnac-input input,
.vnac-auth .vnac-input input[type="text"],
.vnac-auth .vnac-input input[type="email"],
.vnac-auth .vnac-input input[type="password"] {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #111114 !important;
	-webkit-text-fill-color: #111114 !important;
	caret-color: #111114;
	border: 1px solid #d4d4dc !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06) !important;
	font-weight: 500;
	opacity: 1 !important;
}
.vnac-auth .vnac-input input::placeholder { color: #8b8b95 !important; -webkit-text-fill-color: #8b8b95 !important; opacity: 1 !important; }
.vnac-auth .vnac-input input:hover { border-color: #b9b9c4 !important; }
.vnac-auth .vnac-input input:focus {
	background: #ffffff !important;
	border-color: var(--vnac-accent) !important;
	box-shadow: 0 0 0 3px rgba(229, 57, 53, .22) !important;
}
/* Trình duyệt tự điền (Chrome/Edge) không được đổi nền sang vàng/tối */
.vnac-auth .vnac-input input:-webkit-autofill,
.vnac-auth .vnac-input input:-webkit-autofill:hover,
.vnac-auth .vnac-input input:-webkit-autofill:focus {
	-webkit-text-fill-color: #111114 !important;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	box-shadow: 0 0 0 1000px #ffffff inset !important;
	transition: background-color 9999s ease-out 0s;
}
.vnac-auth .vnac-input > .vnac-ico { z-index: 1; color: #6f6f7a; }
.vnac-auth .vnac-input:focus-within > .vnac-ico { color: var(--vnac-accent); }
.vnac-auth .vnac-eye { z-index: 1; color: #6f6f7a !important; }
.vnac-auth .vnac-eye:hover, .vnac-auth .vnac-eye.is-on { color: var(--vnac-accent) !important; background: rgba(0, 0, 0, .05) !important; }
.vnac-auth .is-invalid .vnac-input input { border-color: #e53935 !important; box-shadow: 0 0 0 3px rgba(229, 57, 53, .18) !important; }

/* Ô Tên tài khoản */
.vnac-at { position: absolute; left: 15px; z-index: 1; color: #6f6f7a; font-size: 17px; font-weight: 800; line-height: 1; pointer-events: none; }
.vnac-input:focus-within > .vnac-at { color: var(--vnac-accent); }
.vnac-auth .vnac-field--user .vnac-input input { padding-right: 44px; }
.vnac-field--user .vnac-input::after {
	content: "";
	position: absolute;
	right: 14px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 900;
	line-height: 20px;
	text-align: center;
	color: #fff;
	pointer-events: none;
}
.vnac-field--user.is-ok .vnac-input::after { content: "✓"; background: #43a047; }
.vnac-field--user.is-taken .vnac-input::after { content: "✕"; background: #e53935; }
.vnac-field--user.is-checking .vnac-input::after { border: 2px solid #c9c9d2; border-top-color: var(--vnac-accent); animation: vnac-spin .7s linear infinite; }
.vnac-auth .vnac-field--user.is-ok .vnac-input input { border-color: #43a047 !important; }
.vnac-auth .vnac-field--user.is-taken .vnac-input input { border-color: #e53935 !important; }
.vnac-ustate { font-size: 12px; font-weight: 700; color: var(--muted); }
.vnac-field--user.is-ok .vnac-ustate { color: #66bb6a; }
.vnac-field--user.is-taken .vnac-ustate { color: #ef5350; }
.vnac-auth .vnac-hint { margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.45; }
.vnac-auth .vnac-hint b { color: var(--text); }
.vnac-field--user.is-taken .vnac-hint { color: #ef9a9a; }
.vnac[data-theme="light"] .vnac-field--user.is-taken .vnac-hint { color: #c62828; }

/* ==========================================================================
   v1.2 – Thông báo "Bạn đã tạo tài khoản thành công"
   ========================================================================== */
.vnac-ov__card { position: relative; overflow: hidden; }
.vnac-ov__card > *:not(.vnac-confetti) { position: relative; z-index: 1; }
.vnac-ov.is-ok .vnac-ov__card { box-shadow: 0 30px 70px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(67, 160, 71, .35), 0 0 60px -20px rgba(67, 160, 71, .6); }
.vnac-ov.is-ok .vnac-ov__card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 4px;
	background: linear-gradient(90deg, #43a047, #9ccc65, #ffb300);
}
.vnac-ov__acc {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: -6px 0 14px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .07);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
	font-size: 13.5px;
}
.vnac-ov__acc span { color: #f3f3f5; font-weight: 700; }
.vnac-ov__acc b { color: #ffab91; font-weight: 800; }
.vnac-ov__mail {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0 0 18px;
	padding: 14px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(41, 182, 246, .14), rgba(67, 160, 71, .12));
	box-shadow: inset 0 0 0 1px rgba(41, 182, 246, .3);
	text-align: left;
}
.vnac-ov__mail.is-warn { background: rgba(255, 179, 0, .12); box-shadow: inset 0 0 0 1px rgba(255, 179, 0, .35); }
.vnac-ov__mailico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #29b6f6; color: #fff; font-size: 20px; font-weight: 900; animation: vnac-bob 1.6s ease-in-out infinite; }
.vnac-ov__mail.is-warn .vnac-ov__mailico { background: #ffb300; color: #1d1d22; animation: none; }
.vnac-ov__mail small { display: block; color: #a7a7af; font-size: 12px; }
.vnac-ov__mail strong { display: block; color: #fff; font-size: 14.5px; font-weight: 800; word-break: break-all; }
.vnac-ov__mail em { display: block; margin-top: 3px; color: #c4c4cc; font-size: 12.5px; font-style: normal; line-height: 1.45; }
.vnac-confetti { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.vnac-confetti i { position: absolute; top: -14px; width: 8px; height: 13px; border-radius: 2px; opacity: 0; animation-name: vnac-confetti; animation-timing-function: cubic-bezier(.3, .6, .5, 1); animation-fill-mode: forwards; }
.vnac-confetti i:nth-child(3n) { width: 6px; height: 6px; border-radius: 50%; }
@keyframes vnac-confetti {
	0% { opacity: 1; transform: translateY(0) rotate(var(--r, 0deg)); }
	100% { opacity: 0; transform: translateY(460px) rotate(calc(var(--r, 0deg) + 540deg)); }
}
@keyframes vnac-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

/* ==========================================================================
   v1.2 – Nhắc kích hoạt trong trang Tài khoản
   ========================================================================== */
.vnac-activate {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	padding: 16px 18px;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(255, 179, 0, .16), rgba(255, 112, 67, .1));
	box-shadow: inset 0 0 0 1px rgba(255, 179, 0, .4);
}
.vnac-activate__ico { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #ffb300; color: #1d1d22; }
.vnac-activate__txt { flex: 1 1 260px; min-width: 0; }
.vnac-activate__txt strong { display: block; color: var(--text, #1d1d22); font-size: 15px; font-weight: 900; }
.vnac-activate__txt span { display: block; color: var(--muted, #6a6a74); font-size: 13.5px; line-height: 1.5; }
.vnac-activate__txt b { color: var(--text, #1d1d22); }
.vnac-activate .vnac-activate__resend { min-height: 40px; border-color: rgba(255, 179, 0, .6); }
.vnac-activate__msg { flex-basis: 100%; padding: 9px 12px; border-radius: 10px; font-size: 13px; font-weight: 600; }
.vnac-activate__msg.is-ok { background: rgba(67, 160, 71, .16); color: #81c784; }
.vnac-activate__msg.is-err { background: rgba(229, 57, 53, .14); color: #ef9a9a; }
.vnac[data-theme="light"] .vnac-activate__msg.is-ok { color: #2e7d32; }
.vnac[data-theme="light"] .vnac-activate__msg.is-err { color: #c62828; }

/* ==========================================================================
   v1.2 – Icon tài khoản trên menu (dẫn tới /my-account/)
   ========================================================================== */
.vnac-hbtn--user { gap: 0 !important; border-radius: 999px; background: rgba(0, 0, 0, .25); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); transition: background .2s, box-shadow .2s; }
.vnac-hbtn--user:hover, .vnac-hbtn--user.is-open { background: rgba(0, 0, 0, .4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4), 0 6px 18px -8px rgba(229, 57, 53, .8); }
.vnac-hbtn a.vnac-hbtn__me {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 34px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 4px 0 3px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: none !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .04em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}
.vnac-hbtn .vnac-hbtn__ava--me {
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: linear-gradient(135deg, var(--vnac-accent, #e53935), #ff7043 55%, #ffb300);
	color: #fff;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .85), 0 4px 10px -3px rgba(229, 57, 53, .9);
}
.vnac-hbtn .vnac-hbtn__ava--me .vnac-ico { width: 16px; height: 16px; }
.vnac-hbtn .vnac-hbtn__ava--me .vnac-dot { right: -2px; bottom: -2px; }
.vnac-hbtn__ava--lg { width: 40px !important; height: 40px !important; }
.vnac-hbtn__ava--lg .vnac-ico { width: 22px !important; height: 22px !important; }
.vnac-hbtn a.vnac-hbtn__me:hover .vnac-hbtn__ava--me { transform: scale(1.06); }
.vnac-hbtn__ava--me { transition: transform .2s; }
.vnac-hbtn .vnac-hbtn__toggle {
	display: grid !important;
	place-items: center;
	width: 26px !important;
	height: 34px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 6px 0 0 !important;
	border: 0 !important;
	border-radius: 0 999px 999px 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
}
.vnac-hbtn--user.is-open .vnac-hbtn__caret { transform: rotate(180deg); }
.vnac-hbtn__caret { transition: transform .2s; }
.vnac-hbtn .vnac-hbtn__menu { min-width: 240px; }
/* Desktop: rê chuột là mở menu */
@media (hover: hover) and (min-width: 850px) {
	.vnac-hbtn--user:hover .vnac-hbtn__menu, .vnac-hbtn--user:focus-within .vnac-hbtn__menu { opacity: 1; visibility: visible; transform: none; }
	.vnac-hbtn--user::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 10px; }
}
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__head {
	display: flex !important;
	align-items: center;
	gap: 10px;
	margin: 0 0 4px !important;
	padding: 10px !important;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(229, 57, 53, .22), rgba(255, 112, 67, .08));
	color: #fff !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.vnac-hbtn__head strong { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 900; line-height: 1.3; }
.vnac-hbtn__head em { display: block; color: #c4c4cc; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.3; }
.vnac-hbtn__warn { color: #ffd54f; font-weight: 800; }
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item--myaccount { color: #fff !important; }
.vnac-hbtn .vnac-hbtn__menu a.vnac-hbtn__item--myaccount .vnac-ico { color: var(--vnac-accent, #e53935); }
@media (max-width: 600px) {
	.vnac-hbtn a.vnac-hbtn__me { padding: 0 2px 0 3px !important; }
	.vnac-hbtn a.vnac-hbtn__me .vnac-hbtn__name { display: none !important; }
	.vnac-hbtn .vnac-hbtn__menu { right: -8px; }
}
@media (prefers-reduced-motion: reduce) { .vnac-confetti { display: none; } .vnac-ov__mailico, .vnac-field--user.is-checking .vnac-input::after { animation: none; } }

/* v1.2.1 – Ô nhập mã kích hoạt */
.vnac-activate__form { display: flex; gap: 8px; flex: 1 1 260px; }
.vnac-activate__form input {
	flex: 1;
	min-width: 0;
	height: 42px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid #d4d4dc !important;
	border-radius: 11px;
	background: #ffffff !important;
	color: #111114 !important;
	-webkit-text-fill-color: #111114 !important;
	font-family: "Courier New", monospace;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 6px;
	text-align: center;
	box-shadow: none !important;
}
.vnac-activate__form input::placeholder { color: #8b8b95 !important; -webkit-text-fill-color: #8b8b95 !important; font-family: inherit; font-size: 14px; letter-spacing: 0; font-weight: 500; }
.vnac-activate__form input:focus { outline: none; border-color: var(--vnac-accent) !important; box-shadow: 0 0 0 3px rgba(229, 57, 53, .2) !important; }
.vnac-activate__form .vnac-btn { min-height: 42px; height: 42px; padding: 0 16px; }