/* Shared auth-page styling: /login, /register, /lost-password, /change-password.
   Overrides the legacy colorful .register background with a clean white layout. */

/* White body with two decorative layers:
   ::before — soft cyan-to-lilac hero blob anchored on the left (matches .hero__1)
   ::after  — centered brand-blue radial glow behind the form (matches .listing-hero) */
.edit_profile.register {
	background: #ffffff !important;
	min-height: calc(100vh - 54px);
	padding: 48px 0 80px !important;
	position: relative;
	overflow: hidden;
}
.edit_profile.register::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 476px;
	height: 100%;
	background: url(../img/effects/hero.jpg) no-repeat left center;
	background-size: contain;
	z-index: 0;
	pointer-events: none;
}
.edit_profile.register::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 560px;
	height: 560px;
	background: radial-gradient(circle, rgba(86, 111, 254, 0.12) 0%, rgba(86, 111, 254, 0) 70%);
	z-index: 0;
	pointer-events: none;
}
@media screen and (max-width: 991px) {
	.edit_profile.register::before { display: none; }
}
@media screen and (max-width: 576px) {
	.edit_profile.register::after { width: 380px; height: 380px; }
}
.edit_profile.register > .container {
	position: relative;
	z-index: 1;
}

.edit_profile.register .right_part {
	padding: 0 !important;
}

.edit_profile.register .box.edit_box {
	padding: 36px 32px !important;
	border-radius: 18px !important;
	box-shadow: 0 12px 40px rgba(24, 59, 86, 0.06), 0 2px 8px rgba(24, 59, 86, 0.03) !important;
	border: 1px solid rgba(226, 238, 241, 0.7) !important;
	background: #ffffff !important;
}

.edit_profile.register h1.color_white,
.edit_profile.register .color_white {
	color: #183b56 !important;
}

.edit_profile.register h1.color_white {
	font-size: 26px !important;
	font-weight: 700 !important;
	margin-bottom: 6px !important;
	letter-spacing: -0.3px;
}

.edit_profile.register p.color_white {
	color: #6f7d95 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin-bottom: 22px !important;
}

/* Legacy subtitle uses <a class="btn btn-sm btn-white">. On white bg that pill
   disappeared — restyle it as an inline brand-colored text link instead. */
.edit_profile.register p.color_white a.btn-white,
.edit_profile.register p.color_white a.btn-sm {
	background: transparent !important;
	color: #566ffe !important;
	padding: 0 2px !important;
	border: none !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: color .15s ease;
}
.edit_profile.register p.color_white a.btn-white:hover,
.edit_profile.register p.color_white a.btn-sm:hover {
	color: #4355d5 !important;
	text-decoration: underline !important;
}

/* Field labels + placeholders: dark text on white card. */
.edit_profile.register .nameInput {
	color: #183b56 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	letter-spacing: 0.2px;
}

/* "Forgot your password?" link beneath the password field (login). Right-aligned. */
.edit_profile.register .auth-forgot-row {
	text-align: right;
	margin-top: 6px;
}
.edit_profile.register .auth-forgot-row a {
	color: #566ffe;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: color .15s ease;
}
.edit_profile.register .auth-forgot-row a:hover {
	color: #4355d5;
	text-decoration: underline;
}

/* Inter-page navigation footer (e.g. "Remembered your password? Login" on lost-password). */
.auth-footer-nav {
	margin-top: 22px;
	text-align: center;
	color: #6f7d95;
	font-size: 14px;
	font-weight: 500;
}
.auth-footer-nav a {
	color: #566ffe;
	font-weight: 600;
	text-decoration: none;
	transition: color .15s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
.auth-footer-nav a:hover {
	color: #4355d5;
	text-decoration: underline;
}
.auth-footer-nav a i { font-size: 16px; }

/* Terms toggle + label on one line. The global `label { display: block }` rule
   (style.css:12423) forces the text span to wrap; flex the parent to override. */
.edit_profile.register .terms-section .switch_item {
	display: flex;
	align-items: center;
	gap: 12px;
}
.edit_profile.register .terms-section .switch_item > label { flex-shrink: 0; }
.edit_profile.register .terms-section .switch_item > span {
	flex: 1;
	line-height: 1.45;
	color: #6f7d95;
	font-size: 13px;
}
.edit_profile.register .terms-section .switch_item > span small { font-size: inherit; }

/* Change-password intro box: soft brand-tinted panel instead of dark-on-dark. */
.edit_profile.register .cp-intro {
	background: linear-gradient(135deg, rgba(86, 111, 254, 0.08), rgba(49, 231, 250, 0.08)) !important;
	border: 1px solid rgba(86, 111, 254, 0.18) !important;
	color: #183b56 !important;
}
.edit_profile.register .cp-intro b {
	color: #183b56 !important;
}

@media (max-width: 576px) {
	.edit_profile.register {
		padding: 24px 0 60px !important;
	}
	.edit_profile.register .box.edit_box {
		padding: 24px 20px !important;
	}
	.edit_profile.register h1.color_white {
		font-size: 22px !important;
	}
}