/**
 * UpNovo Tech - page compte.
 *
 * Il n'y a plus qu'une porte : le panneau WhatsApp. Le reste de cette feuille
 * sert a ce que cette porte ait l'air d'une porte, et non d'un encart pose
 * au-dessus d'un formulaire absent.
 */

.upn-account-login {
	max-width: 520px;
	margin: 18px auto 0;
}

.upn-account-why {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}

.upn-account-why li {
	position: relative;
	padding-inline-start: 26px;
	color: var(--upn-body, #414C61);
	font-size: 14px;
	line-height: 1.5;
}

.upn-account-why li::before {
	content: "";
	position: absolute;
	inset-inline-start: 2px;
	top: 6px;
	width: 10px;
	height: 6px;
	border-inline-start: 2px solid var(--upn-success, #12764F);
	border-bottom: 2px solid var(--upn-success, #12764F);
	transform: rotate(-45deg);
}

.upn-account-help {
	margin: 0;
	padding-top: 14px;
	border-top: 1px solid var(--upn-line, #E6EAF0);
	color: var(--upn-muted, #6B7788);
	font-size: 13.5px;
}

.upn-account-help a {
	color: var(--upn-whatsapp, #128C7E);
	font-weight: 500;
}

/* Le panneau WhatsApp devient la piece principale de la page, pas un encart. */
.woocommerce-account .upnovo-openwa-login {
	max-width: 520px;
	margin-inline: auto;
}

/* Ce que WoodMart continue d'imprimer autour d'un formulaire qui n'existe plus. */
.woocommerce-account .wd-register-tabs .wd-nav-login,
.woocommerce-account .col-register,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account .wd-login-title,
.login-form-side .woocommerce-form-login,
.login-form-side .woocommerce-LostPassword,
.create-account-button {
	display: none !important;
}

/* Details du compte : le numero verifie, en lecture seule. */
.upn-account-phone {
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid var(--upn-line, #E6EAF0);
	border-radius: 8px;
	background: var(--upn-panel, #F7F9FC);
	font-size: 14px;
	line-height: 1.5;
}

.upn-account-phone strong {
	color: var(--upn-ink, #1B2437);
}

.upn-account-phone span {
	display: block;
	margin-top: 4px;
	color: var(--upn-muted, #6B7788);
	font-size: 13px;
}

.upn-optional {
	color: var(--upn-muted, #6B7788);
	font-weight: 400;
}

@media (max-width: 768.98px) {

	.upn-account-login,
	.woocommerce-account .upnovo-openwa-login {
		max-width: none;
	}

	.upn-account-why li {
		font-size: 13.5px;
	}
}