/**
 * FluentCommunity, FluentForms, FluentSupport — River Bend chrome alignment.
 */

body.rbfun-page .fluentform .ff-btn-submit,
body.rbfun-page .fcom_btn_primary,
body.rbfun-page .fluentform .ff-btn-secondary,
body.rbfun-page .fcom_btn_secondary {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	color: var(--color-text-light) !important;
	border-radius: 0 !important;
	font-family: var(--font-display) !important;
	font-weight: 600 !important;
}

body.rbfun-page .fluentform .ff-btn-secondary,
body.rbfun-page .fcom_btn_secondary {
	background-color: transparent !important;
	color: var(--color-primary) !important;
	border: 2px solid var(--color-primary) !important;
}

body.rbfun-page .fluentform .ff-btn-submit:hover,
body.rbfun-page .fcom_btn_primary:hover {
	background-color: var(--color-primary-light) !important;
	border-color: var(--color-primary-light) !important;
}

body.rbfun-page .fluentform input[type='text'],
body.rbfun-page .fluentform input[type='email'],
body.rbfun-page .fluentform input[type='tel'],
body.rbfun-page .fluentform input[type='number'],
body.rbfun-page .fluentform select,
body.rbfun-page .fluentform textarea {
	border: 2px solid rgba(30, 70, 32, 0.25) !important;
	border-radius: 0 !important;
	font-family: var(--font-body) !important;
	background: var(--color-text-light) !important;
	color: var(--color-text-dark) !important;
}

body.rbfun-page .fluentform input:focus,
body.rbfun-page .fluentform select:focus,
body.rbfun-page .fluentform textarea:focus {
	border-color: var(--color-primary) !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(30, 70, 32, 0.15);
}

body.rbfun-page .fluentform .ff-el-form-check-label,
body.rbfun-page .fluentform label {
	font-family: var(--font-body);
	color: var(--color-text-dark);
}

body.rbfun-page .fluentform .ff-t-container .ff-t-cell {
	font-family: var(--font-display);
	color: var(--color-primary);
}

body.rbfun-page .fcom_wrap,
body.rbfun-page .fluent_community,
body.rbfun-page .fcom_portal {
	background-color: var(--color-bg-warm) !important;
	font-family: var(--font-body) !important;
	color: var(--color-text-dark);
}

body.rbfun-page .fcom_wrap h1,
body.rbfun-page .fcom_wrap h2,
body.rbfun-page .fcom_wrap h3,
body.rbfun-page .fcom_space_title {
	font-family: var(--font-display) !important;
	color: var(--color-primary) !important;
}

body.rbfun-page .fcom_wrap a {
	color: var(--color-primary);
}

body.rbfun-page .fcom_wrap a:hover {
	color: var(--color-primary-light);
}

body.rbfun-page .fs_portal a,
body.rbfun-page .fluent_support_portal a {
	color: var(--color-primary);
}

body.rbfun-page .fs_portal a:hover,
body.rbfun-page .fluent_support_portal a:hover {
	color: var(--color-primary-light);
}

body.rbfun-page .fcom_card,
body.rbfun-page .fcom_space_card,
body.rbfun-page .fcom_feed_card {
	background: var(--color-card-bg) !important;
	border: 1px solid rgba(30, 70, 32, 0.08) !important;
	border-radius: 0 !important;
	box-shadow: var(--shadow-sm);
}

body.rbfun-page .fcom_nav,
body.rbfun-page .fcom_header {
	background: rgba(252, 249, 242, 0.98) !important;
	border-color: rgba(30, 70, 32, 0.1) !important;
}

body.rbfun-page .fcom_nav a.is-active,
body.rbfun-page .fcom_nav .active {
	color: var(--color-primary) !important;
}

/* FluentSupport portal (when embedded on community host) */
body.rbfun-page .fs_portal,
body.rbfun-page .fluent_support_portal {
	font-family: var(--font-body);
	background: var(--color-bg-warm);
}

body.rbfun-page .fs_portal h1,
body.rbfun-page .fs_portal h2 {
	font-family: var(--font-display);
	color: var(--color-primary);
}

body.rbfun-page .fs_portal .fs_btn_primary,
body.rbfun-page .fs_portal button.primary {
	background: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	border-radius: 0 !important;
	font-family: var(--font-display);
}

/* FluentForms — Rich Text editor (listing/classified descriptions) */
body.rbfun-page .fluentform .wp-editor-wrap,
body.rbfun-page .fluentform .ff-rich-text {
	border: 2px solid rgba(30, 70, 32, 0.25) !important;
	border-radius: var(--border-radius-sm) !important;
	font-family: var(--font-body) !important;
}

body.rbfun-page .fluentform .wp-editor-container {
	border: none !important;
}

body.rbfun-page .fluentform .mce-toolbar-grp,
body.rbfun-page .fluentform .quicktags-toolbar {
	background: var(--color-bg-warm) !important;
	border-bottom: 1px solid rgba(30, 70, 32, 0.12) !important;
}