/**
 * Support ticket portal (Fluent Support) — Rnk Vogue branding.
 */

body.page-template-support,
body.rnk-support-page,
.rnk-support,
#fluent_support_client_app,
.fst_login_wrapper,
.fst_registration_wrapper,
.fst_reset_pass_wrapper {
	--el-color-primary: #D88C8C;
	--el-color-primary-light-3: #E8B4B8;
	--el-color-primary-light-5: #F4C9CC;
	--el-color-primary-light-7: #F8DDE3;
	--el-color-primary-light-8: #FAF5F2;
	--el-color-primary-light-9: #FCECEF;
	--el-color-primary-dark-2: #B96B6B;
	--el-border-radius-base: 8px;
	--el-font-family: var(--rnk-font-body, Inter, system-ui, sans-serif);
}

.rnk-support {
	padding: 36px 0 80px;
}

.rnk-support__portal {
	background: var(--rnk-white);
	border: 1px solid var(--rnk-line);
	border-radius: var(--rnk-radius-lg);
	padding: 24px 22px 28px;
	box-shadow: var(--rnk-shadow-1);
	min-height: 280px;
}

.rnk-support__fallback {
	text-align: center;
	padding: 48px 24px;
	background: var(--rnk-cream);
	border-radius: var(--rnk-radius-lg);
}

.rnk-support__fallback p {
	color: var(--rnk-ink-soft);
	margin-bottom: 18px;
}

#fluent_support_client_app .fs_loading_text {
	font-family: var(--rnk-font-display);
	font-weight: 500;
	color: var(--rnk-ink-soft);
	padding: 32px 12px;
}

.fst_login_wrapper,
.fst_registration_wrapper,
.fst_reset_pass_wrapper {
	max-width: 480px;
	margin: 0 auto;
	padding: 8px 0 16px;
}

.fst_login_wrapper form#loginform .input,
.fst_registration_wrapper .fs_registration_form input,
.fst_reset_pass_wrapper .fs_reset_pass_form input {
	border: 1px solid var(--rnk-line);
	border-radius: var(--rnk-radius-sm);
	padding: 12px 14px;
}

.fst_login_wrapper input#wp-submit,
.fst_registration_wrapper .fs_registration_form #fst_submit,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass {
	background: var(--rnk-ink);
	color: var(--rnk-white);
	border-radius: var(--rnk-radius-pill);
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-size: .82rem;
}

.fst_login_wrapper input#wp-submit:hover,
.fst_registration_wrapper .fs_registration_form #fst_submit:hover,
.fst_reset_pass_wrapper .fs_reset_pass_form #fst_reset_pass:hover {
	background: var(--rnk-accent-deep);
}

/* Contact page — ticket CTA when Fluent Support is active */
.contact-ticket {
	display: grid;
	gap: 18px;
	align-content: start;
	padding: 32px;
	background: var(--rnk-cream);
	border-radius: var(--rnk-radius-lg);
	border: 1px solid var(--rnk-line);
}

.contact-ticket h3 {
	font-family: var(--rnk-font-display);
	font-size: 1.7rem;
	margin: 0;
}

.contact-ticket p {
	color: var(--rnk-ink-soft);
	margin: 0;
}

.contact-ticket__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 6px;
}

.contact-ticket__note {
	font-size: .85rem;
	color: var(--rnk-mute);
}

@media (max-width: 720px) {
	.rnk-support__portal,
	.contact-ticket {
		padding: 20px 16px;
	}
}