/* =====================================================
   IframeLogin.css — Saltillo iFrame v2 chrome override.

   Loaded ON TOP of v3/Layout.css + Personalize/Login.css when
   /v3/Personalize/Login is rendered inside the Saltillo iFrame
   (ViewBag.SaltilloIframe2, route /v3/saltillo-iframe-v2/login).
   Wraps the shared login form in a bordered card on a transparent
   frame. Design: Figma 307:4583.
   ===================================================== */

/* ----- Transparent frame (inherit host background) ----- */

body
{
	background: transparent !important;
	margin: 0;
	padding: 40px 20px;
	min-width: 320px;
	box-sizing: border-box;
}

.guard
{
	display: none !important;
}

/* ----- The body container becomes the centered login card ----- */

#dvBodyContainer
{
	box-sizing: border-box;
	width: 100%;
	max-width: 409px;
	margin: 0 auto;
	padding: 32px 24px;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 24px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	min-height: 0;
}

/* Reset the full-page margins/padding from Login.css so the card stays compact;
   spacing is handled by the card's flex gap. */
#dvBodyContainer
{
	padding-left: 24px;
	padding-right: 24px;
}

#imgLogo
{
	width: 210px;
	margin: 0;
}

#lblWelcomeBack,
#lblPleaseLogin,
#lnkForgotPassword,
#dvNavButtons
{
	margin-top: 0;
}

/* "Welcome!" + subtitle sit closer together than the 16px card gap. */
#lblPleaseLogin
{
	margin-top: -8px;
}

/* ----- Inputs + buttons span the card width ----- */

.dv-input
{
	width: 100%;
}

#lnkForgotPassword
{
	width: 100%;
}

#dvNavButtons
{
	width: 100%;
	justify-content: space-between;
}

/* The design card omits the "Don't have an account?" line. */
.dv-already-have-account
{
	display: none;
}