/**
 * Revista · Wordfence Login Security support
 *
 * Loaded only when Wordfence is active. Wordfence's two-factor and passkey
 * pages ([wordfence_2fa_management], [wordfence_passkey_management]) always
 * draw white boxes but take their text color from the theme, which is light
 * in dark mode. Inside the boxes the theme's color tokens switch back to
 * their light-mode values, and the boxes get rounded corners with the
 * theme's purple border.
 */

/* 1. Light colors inside Wordfence's boxes
   -------------------------------------------------------------------------- */

:is(#wfls-management-embedded, #wfls-passkey-management-embedded) :is(.wfls-block, .wfls-passkey-information) {
	--rv-bg: #f6f5ff;
	--rv-text: #1d1b3a;
	--rv-muted: #5c5880;
	--rv-surface: #ffffff;
	--rv-surface-2: #f1eeff;
	--rv-border: #e3defb;
	color: var(--rv-text);
}

/* 2. Rounded boxes with the theme's purple border
   -------------------------------------------------------------------------- */

:is(#wfls-management-embedded, #wfls-passkey-management-embedded) .wfls-block,
#wfls-passkey-management-embedded .wfls-passkey-information {
	border: 2px solid #7c5cff !important;
	border-radius: 15px !important;
	overflow: hidden;
}

/* 3. Passkey name field: the same white field as in light mode
   -------------------------------------------------------------------------- */

#wfls-passkey-management-embedded input.wfls-input-text {
	background-color: #ffffff;
	border: 2px solid var(--rv-border);
	border-radius: 10px;
	box-shadow: none;
	color: var(--rv-text);
}

#wfls-passkey-management-embedded input.wfls-input-text:focus {
	border-color: #7c5cff;
}