/**
 * Mis Links PR Themes — static rules driven by per-profile CSS variables.
 * Loaded after profile.css and links.css; values come from <style id="mislinks-theme-vars">.
 */
body.mislinks-profile-page {
	background: var(--ml-bg, var(--mislinks-color-bg));
	background-attachment: fixed;
	background-size: cover;
	color: var(--mislinks-color-text);
	font-family: var(--mislinks-font-sans);
}

/* iOS ignores background-attachment: fixed; keep photos sharp on phones. */
@supports (-webkit-touch-callout: none) {
	body.mislinks-profile-page {
		background-attachment: scroll;
	}
}

body.mislinks-profile-page .mislinks-profile__name {
	color: var(--mislinks-color-text);
}

body.mislinks-profile-page .mislinks-profile__meta,
body.mislinks-profile-page .mislinks-links__header {
	color: var(--mislinks-color-highlight);
}

body.mislinks-profile-page .mislinks-profile__verified {
	color: var(--mislinks-color-accent);
}

body.mislinks-profile-page .mislinks-profile__avatar {
	border-radius: var(--ml-avatar-radius, 50%);
}

/* Link buttons */
body.mislinks-profile-page .mislinks-link {
	background: var(--ml-btn-bg);
	color: var(--ml-btn-text);
	border: var(--ml-btn-border);
	border-radius: var(--ml-btn-radius);
	box-shadow: var(--ml-btn-shadow);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

body.mislinks-profile-page .mislinks-link:hover {
	background: var(--ml-btn-hover, var(--ml-btn-bg));
	box-shadow: var(--ml-btn-shadow);
}

body.mislinks-profile-page .mislinks-link .mislinks-icon,
body.mislinks-profile-page .mislinks-link--whatsapp .mislinks-icon,
body.mislinks-profile-page .mislinks-link--phone .mislinks-icon {
	color: var(--ml-btn-icon);
}

body.mislinks-profile-page .mislinks-link.is-highlighted {
	background: var(--mislinks-color-accent);
	color: var(--ml-accent-text);
	border-color: transparent;
}

body.mislinks-profile-page .mislinks-link.is-highlighted .mislinks-icon {
	color: var(--ml-accent-text);
}

/* Footer branding pill */
body.mislinks-profile-page .mislinks-profile__branding a {
	color: var(--mislinks-color-text);
	background: var(--ml-surface);
	border-color: var(--ml-surface-border);
}