/**
 * @Galisurf galiAntiHak 2024 - Tous droits réservés
 * @galisurf Personnalisation WpLogin
 * Sous-License
 */

/** Personnalisation Rapide **/
:root {
	--g-rouge: #c71212;
	--g-blanc: #ffffff;
	--g-gris: #6c757d;
	--g-noir: #222222;

	--g-logo: url('../img/logoadmin.png');
	--g-texte: #795b1f;
	--g-bg: #000000;
	 
	--g-texteForm: #795b1f;
	--g-bgForm: #fffbe5;
	--g-borderForm: 1px solid #e5e5e5; 
	 
	--g-btn: #795b1f;
	--g-btnFocus: #795b1f;
	--g-bgBtn: linear-gradient(185deg, #BF953F, #f9f08f, #AA771C);
	--g-bgBtnHover: linear-gradient(355deg, #BF953F, #f9f08f, #AA771C);
	
	--g-borderInput: #f1d98c;
	--g-borderInputFocus: #BF953F;
	
	/** Encart dans la page de co contenant instruction user **/
	--g-borderLeftInfo: 4px solid #ad8d3b;
}

body 
{ font-size: 1.4rem;
	line-height: 1.7;
	color: var(--g-texte);
	background-color: var(--g-bg);
}

p.titremdp { text-align: center; }

div#login h1 a {
	background-image: var(--g-logo);
	padding-bottom: 30px;
	background-size: contain;
	width: 100%;
	height: 150px; 
}

#login form {
	background: var(--g-bgForm);
  border-radius: .5rem;
	color: var(--g-texte);
	border: var(--g-borderForm);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .13);
	padding: 26px 24px 46px;
}

.login form .input,
.login input[type="password"],
.login input[type="text"], 
.login input[type="email"],
.login input[type="checkbox"] {
	font-size: 16px;
	padding: 10px;
	background-color: var(--g-bgForm)!important;
	border-color: var(--g-borderInput);
}  

.login input[type="submit"] { 
	display: inline-block; 
	background: var(--g-bgBtn);
	border: none; 
  color: var(--g-btn);
	font-weight: 600;
	font-size: .875rem;
	border-radius: .25rem; 
	padding: .5rem .8rem;
	width: auto;
	line-height: normal;

	/* Effet d'ombre constant pour un rendu flottant */
	box-shadow: 0 8px 16px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
 
.login input[type="submit"]:hover {
	background: var(--g-bgBtnHover);  
  color: var(--g-btn);
	
	/* Lors du survol, le bouton se soulève légèrement et l'ombre devient plus intense */
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

input[type=checkbox]:focus, 
input[type=color]:focus, 
input[type=date]:focus, 
input[type=datetime-local]:focus, 
input[type=datetime]:focus, 
input[type=email]:focus, 
input[type=month]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=radio]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
input[type=time]:focus, 
input[type=url]:focus, 
input[type=week]:focus, 
select:focus, textarea:focus,
.login .button.wp-hide-pw:focus {
	box-shadow: 0 10px 20px rgba(0,0,0,0.2);
	border-color: var(--g-borderInputFocus);
}
 
.wp-core-ui .button, 
.wp-core-ui .button-secondary, 
.wp-core-ui .button-secondary:focus, 
.wp-core-ui .button.focus, 
.wp-core-ui .button:focus {
	color: var(--g-btnFocus);
}
.wp-core-ui .button:hover, 
.wp-core-ui .button-secondary:hover { 
	color: var(--g-borderInputFocus);
}

.login .message, 
.login .notice, 
.login .success {
	border-left: var(--g-borderLeftInfo);
	background-color: var(--g-bgForm);
	color: var(--g-texte);
	border-radius: 0.5rem;
}

a {
	text-decoration: none;
	font-weight: bold;
}

/** ALERTE **/
.alerte {
	border-radius: 6px;
	padding: 18px 20px;
	text-align: center; 
	width: calc(100% - 40px);
	max-width: 300px;
	margin: 5% auto 0;
	background-color: var(--g-bgForm);
}
.alerte p { font-size: 2rem; }

.bgRge { 
	background-color: var(--g-rouge);
	color: var(--g-blanc);
}