/* ==========================================================================
   1. DESIGN TOKENS
   Matches the header CTA palette (green + gold) used across the site.
   ========================================================================== */
.woocommerce-account {
	--acc-color-green: #014524;
	--acc-color-green-hover: #012d18;
	--acc-color-gold: #ebbc38;
	--acc-color-gold-hover: #c9a022;
}

/* ==========================================================================
   2. ACCOUNT SIDEBAR NAVIGATION
   ========================================================================== */
.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	transition: background-color 0.2s ease, color 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link:hover a,
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background-color: var(--acc-color-green);
	color: var(--acc-color-gold);
}

/* ==========================================================================
   3. BUTTONS (Duyệt sản phẩm, Tải xuống, Lưu thay đổi, Đặt lại địa chỉ, ...)
   ========================================================================== */
.woocommerce-account .button,
.woocommerce-account input[type="submit"] {
	background-color: var(--acc-color-green) !important;
	border-color: var(--acc-color-green) !important;
	color: var(--acc-color-gold) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
	background-color: var(--acc-color-green-hover) !important;
	border-color: var(--acc-color-green-hover) !important;
	color: var(--acc-color-gold-hover) !important;
}

/* ==========================================================================
   4. LINKS, DOWNLOADS TABLE & FOCUS STATES
   ========================================================================== */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button),
.woocommerce-account .woocommerce-MyAccount-downloads-file a:not(.button) {
	color: var(--acc-color-green);
}

.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover,
.woocommerce-account .woocommerce-MyAccount-downloads-file a:not(.button):hover {
	color: var(--acc-color-gold-hover);
}

.woocommerce-account *:focus-visible {
	outline-color: var(--acc-color-green);
}