/* =========================================================================
 * Nút bấm đồng bộ toàn site – màu tan #D2B48C
 * Nền tan + chữ đen (chữ trắng trên tan quá mờ); rê chuột: nền đen + chữ tan.
 * Đổi màu nút + màu nhấn toàn site: sửa --cb-gold trong palette.css.
 * File này nạp sau cùng nên ghi đè các file khác.
 * ====================================================================== */
:root {
	--cb-btn: var(--cb-gold, #d2b48c);
	--cb-btn-text: var(--cb-black, #1a1612);
	--cb-btn-hover: var(--cb-black, #1a1612);
	--cb-btn-hover-text: var(--cb-gold, #d2b48c);
}

/* ---- Nút chính (nền tan) ---- */
html body .button:not(.is-outline):not(.is-link):not(.is-underline):not(.is-form):not(.icon):not(.plain):not(.ux-search-submit):not(.reset_variations),
html body input[type=submit].button,
html body .single_add_to_cart_button,
html body .checkout-button,
html body .button.checkout,
html body #place_order,
html body #review_form .submit,
html body #pwgc-redeem-button,
html body .po-btn,
html body .po-btn--light,
html body .pcf .pcf__submit,
html body .pwl-page .pwl-action:not(.pwl-action--muted),
html body .pwl-empty__btn,
html body .pwl-card__cta,
html body .punchy-mega-menu #wide-nav .pm-panel__all,
html body.home #content > .section:first-of-type .button.secondary {
	background: var(--cb-btn) !important;
	border-color: var(--cb-btn) !important;
	color: var(--cb-btn-text) !important;
	text-shadow: none;
	box-shadow: none;
}

html body .button:not(.is-outline):not(.is-link):not(.is-underline):not(.is-form):not(.icon):not(.plain):not(.ux-search-submit):not(.reset_variations):hover,
html body input[type=submit].button:hover,
html body .single_add_to_cart_button:hover,
html body .checkout-button:hover,
html body .button.checkout:hover,
html body #place_order:hover,
html body #review_form .submit:hover,
html body #pwgc-redeem-button:hover,
html body .po-btn:hover,
html body .po-btn--light:hover,
html body .pcf .pcf__submit:hover,
html body .pwl-page .pwl-action:not(.pwl-action--muted):hover,
html body .pwl-empty__btn:hover,
html body .pwl-card__cta:hover,
html body .punchy-mega-menu #wide-nav .pm-panel__all:hover,
html body.home #content > .section:first-of-type .button.secondary:hover {
	background: var(--cb-btn-hover) !important;
	border-color: var(--cb-btn-hover) !important;
	color: var(--cb-btn-hover-text) !important;
}

/* Trên nền đen (hero, CTA cuối trang offers…): rê chuột chuyển sang viền tan để vẫn thấy nút */
html body .dark .button:not(.is-outline):not(.is-link):not(.is-underline):not(.is-form):not(.icon):not(.plain):hover,
html body .po-cta .po-btn:hover,
html body.home #content > .section:first-of-type .button.secondary:hover {
	background: transparent !important;
	border-color: var(--cb-btn) !important;
	color: var(--cb-btn) !important;
}

/* ---- Nút phụ (viền tan) ---- */
html body .button.is-outline:not(.is-link):not(.is-underline),
html body .pwl-page .pwl-action--muted {
	background: transparent !important;
	border-color: var(--cb-btn) !important;
	color: var(--cb-btn-text) !important;
}
html body .button.is-outline:not(.is-link):not(.is-underline):hover,
html body .pwl-page .pwl-action--muted:hover {
	background: var(--cb-btn) !important;
	border-color: var(--cb-btn) !important;
	color: var(--cb-btn-text) !important;
}
/* Nút viền trên nền đen: chữ tan */
html body .dark .button.is-outline:not(.is-link):not(.is-underline),
html body.home #content > .section:first-of-type .button.is-outline {
	color: var(--cb-btn) !important;
}
html body .dark .button.is-outline:not(.is-link):not(.is-underline):hover,
html body.home #content > .section:first-of-type .button.is-outline:hover {
	color: var(--cb-btn-text) !important;
}

/* Nút đang tắt (chưa chọn biến thể…) */
html body .single_add_to_cart_button.disabled,
html body .single_add_to_cart_button:disabled {
	opacity: .5;
}