/* Mirage Accès — habillage de la page de connexion WordPress (wp-login.php) */
body.login.mal{
	background:var(--mal-bg,var(--mc-bg));color:var(--mc-ink);
	font-family:var(--mc-font-body);-webkit-font-smoothing:antialiased;
	min-height:100vh;display:flex;flex-direction:column;justify-content:center;
}
/* Visuel (photo ou motif) sur la moitié de l'écran */
body.login.mal::before{
	content:"";position:fixed;top:0;bottom:0;right:0;width:50%;
	background:var(--mc-dark) var(--mal-visual) var(--mal-focal)/cover no-repeat;
}
body.login.mal.mal-photo::after{content:"";position:fixed;top:0;bottom:0;right:0;width:50%;background:rgba(20,22,28,var(--mc-overlay));pointer-events:none}
body.login.mal.mal-side-left::before,body.login.mal.mal-side-left::after{right:auto;left:0}

body.login.mal #login{
	width:min(400px,calc(100% - 32px));padding:0;margin:0 auto;
	position:relative;left:-25%;
}
body.login.mal.mal-side-left #login{left:25%}

/* Logo + nom du site */
body.login.mal #login h1{margin-bottom:22px}
body.login.mal #login h1 a{
	background-image:var(--mal-logo);background-size:contain;background-position:center;background-repeat:no-repeat;
	width:100%;max-width:100%;height:var(--mal-logo-h);margin:0 auto 6px;
}
/* Sans logo : le nom du site en texte */
body.login.mal:not(.mal-has-logo) #login h1 a{
	background:none;text-indent:0;width:auto;height:auto;overflow:visible;
	font-family:var(--mc-font-title);font-size:26px;font-weight:var(--mc-title-weight);line-height:1.2;color:var(--mc-ink);
}
body.login.mal #login h1 a:focus{box-shadow:0 0 0 2px var(--mc-accent);outline:none}

/* Carte du formulaire */
body.login.mal form{
	background:var(--mc-card);border:1px solid var(--mc-line);border-radius:calc(var(--mc-radius) + 4px);
	box-shadow:0 1px 2px rgba(16,18,24,.04),0 12px 32px rgba(16,18,24,.08);
	padding:26px 26px 30px;margin-top:0;
}
body.login.mal label{color:var(--mc-ink);font-size:13px;font-weight:600}
body.login.mal input[type=text],body.login.mal input[type=email],body.login.mal input[type=password],body.login.mal input[type=number]{
	background:var(--mc-bg);border:1px solid var(--mc-line);border-radius:calc(var(--mc-radius) * .7);
	color:var(--mc-ink);font-size:16px;padding:8px 12px;min-height:46px;box-shadow:none;
}
body.login.mal input:focus{border-color:var(--mc-accent)!important;box-shadow:0 0 0 2px var(--mc-accent-soft)!important;outline:none}
body.login.mal .button.wp-hide-pw{color:var(--mc-muted);height:46px}
body.login.mal .button.wp-hide-pw:focus{border-color:var(--mc-accent);box-shadow:0 0 0 1px var(--mc-accent)}
body.login.mal input[type=checkbox]{border-color:var(--mc-line)}
body.login.mal input[type=checkbox]:checked::before{filter:none}
body.login.mal input[type=checkbox]:focus{box-shadow:0 0 0 2px var(--mc-accent-soft);border-color:var(--mc-accent)}

/* Bouton principal */
body.login.mal .button-primary,body.login.mal #wp-submit{
	background:var(--mal-btn,var(--mc-accent));border-color:var(--mal-btn,var(--mc-accent));color:var(--mc-btn-text);
	border-radius:var(--mc-radius);font-weight:700;font-size:15px;text-shadow:none;box-shadow:none;
	min-height:46px;padding:0 22px;
}
body.login.mal .button-primary:hover,body.login.mal .button-primary:focus{background:var(--mal-btn,var(--mc-accent));border-color:var(--mal-btn,var(--mc-accent));color:var(--mc-btn-text);filter:brightness(.92)}
body.login.mal .button-primary:focus{box-shadow:0 0 0 2px var(--mc-card),0 0 0 4px var(--mc-accent)}
body.login.mal form .forgetmenot{margin-top:12px}
body.login.mal .submit{margin-top:4px}

/* Messages */
body.login.mal .message,body.login.mal .notice,body.login.mal #login_error,body.login.mal .success{
	border-radius:calc(var(--mc-radius) * .7);box-shadow:none;border:1px solid var(--mc-line);border-left-width:4px;background:var(--mc-card);color:var(--mc-ink);
}
body.login.mal .message,body.login.mal .notice-info{border-left-color:var(--mc-accent)}
body.login.mal #login_error,body.login.mal .notice-error{border-left-color:#D63638}
body.login.mal .message a,body.login.mal .notice a,body.login.mal #login_error a{color:var(--mc-accent)}

/* Liens */
body.login.mal #nav,body.login.mal #backtoblog{text-align:center;padding:0}
body.login.mal #nav{margin-top:20px}
body.login.mal #nav a,body.login.mal #backtoblog a,body.login.mal .privacy-policy-page-link a{color:var(--mc-muted);font-size:13px}
body.login.mal #nav a:hover,body.login.mal #backtoblog a:hover{color:var(--mc-accent)}
body.login.mal .language-switcher{position:relative;left:-25%}
body.login.mal .language-switcher label{color:var(--mc-muted)}
body.login.mal .language-switcher select{border:1px solid var(--mc-line);border-radius:calc(var(--mc-radius) * .6);background-color:var(--mc-card);color:var(--mc-ink);min-height:38px}
body.login.mal .language-switcher .button{background:var(--mc-card);border:1px solid var(--mc-line);color:var(--mc-ink);border-radius:calc(var(--mc-radius) * .6);min-height:38px}
body.login.mal .language-switcher .button:hover,body.login.mal .language-switcher .button:focus{border-color:var(--mc-accent);color:var(--mc-accent);box-shadow:none}
body.login.mal.mal-side-left .language-switcher{left:25%}

/* Signature « Propulsé par » (fixe, sur le visuel) */
.mal-stamp{position:fixed;top:24px;right:24px;z-index:5;display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 9px;border-radius:999px;
	background:rgba(12,13,16,.58);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;
	-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);
	font-family:"MC Manrope",system-ui,sans-serif;line-height:1.15;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.mal-stamp:hover,.mal-stamp:focus{background:rgba(12,13,16,.78);color:#fff}
.mal-stamp svg{color:#F0782E;flex:none}
.mal-stamp img{height:20px;width:auto;max-width:44px;object-fit:contain;border-radius:4px}
.mal-stamp span{display:flex;flex-direction:column}
.mal-stamp small{font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.mal-stamp b{font-size:13px;font-weight:700}
body.mal-side-left .mal-stamp{right:auto;left:24px}

/* Mobile : le visuel devient un bandeau en haut */
@media (max-width:960px){
	body.login.mal{justify-content:flex-start;padding-top:190px}
	body.login.mal::before,body.login.mal::after{width:auto;left:0;right:0;bottom:auto;height:160px;position:absolute}
	body.login.mal #login,body.login.mal.mal-side-left #login,body.login.mal .language-switcher,body.login.mal.mal-side-left .language-switcher{left:0}
	body.login.mal #login h1 a{height:var(--mal-logo-h-m)}
	.mal-stamp,body.mal-side-left .mal-stamp{position:absolute;top:118px;right:12px;left:auto;padding:5px 11px 5px 7px;gap:7px}
	.mal-stamp small{font-size:8.5px}
	.mal-stamp b{font-size:11.5px}
}

/* ---------- Message d'accueil ---------- */
.mal-welcome{text-align:center;margin:0 0 18px}
.mal-welcome-title{margin:0 0 6px;font-family:var(--mc-font-title);font-size:24px;line-height:1.2;font-weight:var(--mc-title-weight);color:var(--mc-ink)}
.mal-welcome-text{margin:0;font-size:14px;line-height:1.5;color:var(--mc-text)}

/* ---------- Liens masqués ---------- */
body.login.mal.mal-hide-back #backtoblog{display:none}

/* ---------- Sans visuel : formulaire centré sur fond uni ---------- */
body.login.mal.mal-novisual::before,body.login.mal.mal-novisual::after{display:none}
body.login.mal.mal-novisual #login,body.login.mal.mal-novisual .language-switcher{left:0}
body.login.mal.mal-novisual .mal-stamp{top:auto;bottom:20px;right:20px;left:auto}

/* ---------- Photo plein écran, carte au centre ---------- */
body.login.mal.mal-layout-full::before{width:auto;left:0;right:0}
body.login.mal.mal-layout-full::after{width:auto;left:0;right:0;background:rgba(20,22,28,var(--mc-overlay))}
body.login.mal.mal-layout-full #login{left:0;background:color-mix(in srgb,var(--mal-bg,var(--mc-bg)) 92%,transparent);
	-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
	padding:28px 26px 24px;border-radius:calc(var(--mc-radius) + 10px);box-shadow:0 24px 60px rgba(0,0,0,.28);width:min(440px,calc(100% - 32px))}
body.login.mal.mal-layout-full #login form{box-shadow:none}
body.login.mal.mal-layout-full .language-switcher{left:0}
body.login.mal.mal-layout-full .language-switcher label{color:#fff}
body.login.mal.mal-layout-full .mal-stamp{right:24px;left:auto}
@media (max-width:960px){
	body.login.mal.mal-layout-full{padding-top:40px;justify-content:center}
	body.login.mal.mal-layout-full::before,body.login.mal.mal-layout-full::after{position:fixed;height:auto;bottom:0}
	body.login.mal.mal-layout-full .mal-stamp{position:fixed;top:auto;bottom:12px;right:12px}
	body.login.mal.mal-novisual{padding-top:40px;justify-content:center}
}

/* Le formulaire passe toujours au-dessus du visuel et de son voile */
body.login.mal::before,body.login.mal::after{z-index:0}
body.login.mal #login,body.login.mal .language-switcher{position:relative;z-index:2}