/*
 * U-Skill.com — plugin brand alignment.
 *
 * Aligns the UI of supported plugins with the U-Skill design system:
 *   Primary  #800080  |  Primary dark #5A005A  |  Accent #FFC428
 *   Contrast #191D3A  |  Radius 8px             |  Font Poppins / Noto Sans Thai
 *
 * Selectors only match when the relevant plugin renders output,
 * so this file is safe to load on every page.
 */

/* ==============================================================
 * Tutor LMS / Tutor LMS Pro
 * ============================================================== */

body {
	--tutor-color-primary: #800080;
	--tutor-color-primary-hover: #5a005a;
	--tutor-color-primary-alt: #faf3fb;
	--tutor-color-secondary: #ffc428;
	--tutor-body-font-family: "Poppins", "Noto Sans Thai", sans-serif;
	--tutor-border-radius: 8px;
}

.tutor-btn-primary,
.tutor-btn.tutor-btn-primary {
	background-color: #800080;
	border-color: #800080;
}

.tutor-btn-primary:hover,
.tutor-btn.tutor-btn-primary:hover,
.tutor-btn-primary:focus,
.tutor-btn.tutor-btn-primary:focus {
	background-color: #5a005a;
	border-color: #5a005a;
}

.tutor-btn-outline-primary {
	border-color: #800080;
	color: #800080;
}

.tutor-btn-outline-primary:hover {
	background-color: #800080;
	color: #ffffff;
}

.tutor-course-card,
.tutor-card {
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(105, 105, 105, 0.2);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tutor-course-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(105, 105, 105, 0.3);
}

.tutor-course-name a {
	color: #191d3a;
}

.tutor-course-name a:hover {
	color: #800080;
}

.tutor-ratings-stars,
.tutor-ratings .tutor-icon-star-bold {
	color: #ffc428;
}

.tutor-pagination .page-numbers.current,
.tutor-pagination-numbers .current {
	background-color: #800080;
	color: #ffffff;
}

/* ==============================================================
 * Fluent Forms / Fluent Forms Pro
 * ============================================================== */

.frm-fluent-form .ff-btn-submit,
.fluentform .ff-btn-submit {
	background-color: #800080;
	border-color: #800080;
	border-radius: 8px;
	color: #ffffff;
	font-weight: 500;
}

.frm-fluent-form .ff-btn-submit:hover,
.fluentform .ff-btn-submit:hover,
.frm-fluent-form .ff-btn-submit:focus,
.fluentform .ff-btn-submit:focus {
	background-color: #5a005a;
	border-color: #5a005a;
}

.frm-fluent-form .ff-el-form-control,
.fluentform .ff-el-form-control {
	border-radius: 8px;
}

.frm-fluent-form .ff-el-form-control:focus,
.fluentform .ff-el-form-control:focus {
	border-color: #800080;
	box-shadow: 0 0 0 2px rgba(128, 0, 128, 0.2);
}

/* Newsletter form on the purple strip (front page pattern). */
.u-skill-newsletter-form .ff-btn-submit {
	background-color: #ffc428;
	border-color: #ffc428;
	color: #191d3a;
}

.u-skill-newsletter-form .ff-btn-submit:hover,
.u-skill-newsletter-form .ff-btn-submit:focus {
	background-color: #e6ad14;
	border-color: #e6ad14;
	color: #191d3a;
}

.u-skill-newsletter-form .ff-el-form-control {
	border-color: transparent;
}

/* ==============================================================
 * FluentCRM (subscription preference / unsubscribe pages)
 * ============================================================== */

.fc_pref_form button[type="submit"],
.fluentcrm_unsubscribe_form button[type="submit"] {
	background-color: #800080;
	border-color: #800080;
	border-radius: 8px;
	color: #ffffff;
}

.fc_pref_form button[type="submit"]:hover,
.fluentcrm_unsubscribe_form button[type="submit"]:hover {
	background-color: #5a005a;
}

/* ==============================================================
 * FluentAuth (login / register / magic-link forms)
 * ============================================================== */

.fls_login_wrapper .button-primary,
.fls_login_wrapper button[type="submit"],
.fs_auth_form button[type="submit"] {
	background-color: #800080;
	border-color: #800080;
	border-radius: 8px;
	color: #ffffff;
}

.fls_login_wrapper .button-primary:hover,
.fls_login_wrapper button[type="submit"]:hover,
.fs_auth_form button[type="submit"]:hover {
	background-color: #5a005a;
	border-color: #5a005a;
}

.fls_login_wrapper input:focus,
.fs_auth_form input:focus {
	border-color: #800080;
	box-shadow: 0 0 0 2px rgba(128, 0, 128, 0.2);
}

/* ==============================================================
 * Fluent Booking / Fluent Booking Pro
 * ============================================================== */

body {
	--fcal-primary-color: #800080;
	--fcal-brand-color: #800080;
}

.fcal_booking_wrapper .fcal_btn_primary,
.fcal_public_page button[type="submit"] {
	background-color: #800080;
	border-color: #800080;
	border-radius: 8px;
	color: #ffffff;
}

.fcal_booking_wrapper .fcal_btn_primary:hover,
.fcal_public_page button[type="submit"]:hover {
	background-color: #5a005a;
}

/* ==============================================================
 * FluentCommunity / FluentAffiliate portals
 * (portal colors are configured in each plugin's settings —
 * these rules only smooth embedded widgets and links)
 * ============================================================== */

.fcom_widget a,
.fluent-affiliate-widget a {
	color: #800080;
}

.fcom_widget .fcom_btn,
.fluent-affiliate-widget .fafl_btn {
	background-color: #800080;
	border-radius: 8px;
	color: #ffffff;
}