/*
 * Đồng bộ màu thương hiệu Yến Tài Chính cho TutorLMS + WooCommerce.
 * Xanh chủ đạo: #3858E9 | Hover: #2942C9 | Chữ: #111111
 */

:root {
	--ytc-blue: #3858E9;
	--ytc-blue-dark: #2942C9;
	--ytc-ink: #111111;

	/* TutorLMS đọc các biến này */
	--tutor-color-primary: #3858E9;
	--tutor-color-primary-hover: #2942C9;
	--tutor-color-secondary: #111111;
}

/* ---------- WooCommerce ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button {
	background-color: var(--ytc-blue);
	color: #FFFFFF;
	font-weight: 600;
	border-radius: 8px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wc-block-components-button:hover {
	background-color: var(--ytc-blue-dark);
	color: #FFFFFF;
}

.woocommerce span.onsale {
	background-color: var(--ytc-blue);
	color: #FFFFFF;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price {
	color: var(--ytc-blue);
	font-weight: 700;
}

/* ---------- TutorLMS ---------- */

.tutor-btn.tutor-btn-primary {
	background-color: var(--ytc-blue);
	border-color: var(--ytc-blue);
	color: #FFFFFF;
}

.tutor-btn.tutor-btn-primary:hover {
	background-color: var(--ytc-blue-dark);
	border-color: var(--ytc-blue-dark);
	color: #FFFFFF;
}

.tutor-course-progress-bar .tutor-progress-value,
.tutor-progress-bar .tutor-progress-value {
	background-color: var(--ytc-blue);
}

.tutor-course-details-title,
.tutor-course-name a {
	color: var(--ytc-ink);
}