/* ==========================================================================
   Pages — écrans d'authentification (login, reset password) et ajustements
   ponctuels par page.
   ========================================================================== */

/* ---- Auth screens (login.php, resetpass.php) ---- */
body.v2-auth-body {
	min-height: 100vh;
	display: flex;
	background: var(--v2-ink-800);
}

.auth-wrapper {
	min-height: 100vh;
	width: 100%;
	display: flex;
}

.v2-auth-side {
	flex: 1 1 46%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 4rem 4.5rem;
	background:
		radial-gradient(circle at 15% 15%, rgba(201, 162, 92, 0.16), transparent 45%),
		linear-gradient(185deg, var(--v2-sidebar-grad-top) 0%, var(--v2-sidebar-grad-bottom) 100%);
	color: #eef1f8;
	position: relative;
	overflow: hidden;
}
.v2-auth-side::after {
	content: "";
	position: absolute;
	right: -80px;
	bottom: -80px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(201,162,92,0.18), transparent 70%);
}
.v2-auth-side img.v2-auth-logo { height: 72px; width: auto; align-self: flex-start; object-fit: contain; margin-bottom: 2.2rem; }
.v2-auth-side h2 {
	font-family: var(--v2-font-display);
	font-size: 1.9rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.8rem;
	max-width: 20ch;
}
.v2-auth-side p {
	color: var(--v2-sidebar-text);
	font-size: 0.95rem;
	max-width: 34ch;
	line-height: 1.6;
}
.v2-auth-side .v2-eyebrow { color: var(--v2-gold-300); margin-bottom: 0.9rem; }

.auth-content {
	flex: 1 1 54%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--v2-bg);
	padding: 3rem 2rem;
	text-align: left;
}

.auth-content .card {
	width: 100%;
	max-width: 380px;
	box-shadow: none;
	border: none;
	background: transparent;
	margin-bottom: 0;
}
.auth-content .card-body { padding: 0; }
.auth-content img.img-fluid { display: none; } /* logo already shown on the brand side */
.auth-content h4 { font-size: 1.4rem; margin-bottom: 0.35rem !important; }
.auth-content h6 { color: var(--v2-text-muted); font-weight: 600; }
.auth-content hr { margin: 1.5rem 0; }

@media (max-width: 899.98px) {
	.auth-wrapper { flex-direction: column; }
	.v2-auth-side { flex: 0 0 auto; padding: 2.5rem 2rem; }
	.v2-auth-side p { display: none; }
	.auth-content { padding: 2.5rem 1.75rem; }
}