/*
 * login.css — Dark mode overrides pour login.html
 * Wandaloo Admin
 */

/* Background général */
html.dark body {
	background-color: #1d2127;
} 

/* Couleur primaire Wandaloo */
html.dark .body-sign .card-sign .card-title-sign .title {
	background-color: #0d9de2;
}

html.dark .body-sign .card-sign .card-body {
	border-top-color: #0d9de2;
}

/* Inputs */
html.dark .body-sign .form-control {
	background-color: #282d36;
	border-color: #282d36;
	color: #adb5c7;
}

html.dark .body-sign .form-control::placeholder {
	color: #555e78;
}

html.dark .body-sign .form-control:focus {
	border-color: #0d9de2;
	box-shadow: 0 0 0 2px rgba(13, 157, 226, 0.15);
}

/* Erreur de validation */
html.dark .body-sign .form-control.is-invalid {
	border-color: #d2322d;
}

/* Input group icon */
html.dark .body-sign .input-group-text {
	background-color: #282d36;
	border-color: #282d36;
	color: #555e78;
}

/* Label */
html.dark .body-sign label {
	color: #808697;
}

/* Lien mot de passe oublié */
html.dark .body-sign a:not(.btn) {
	color: #0d9de2;
}

html.dark .body-sign a:not(.btn):hover {
	color: #4db8f0;
}

/* Bouton submit */
html.dark .body-sign .btn-primary {
	background-color: #0d9de2;
	border-color: #0d9de2;
}

html.dark .body-sign .btn-primary:hover {
	background-color: #0a7eb5;
	border-color: #0a7eb5;
}

/* Texte copyright */
html.dark p.text-muted {
	color: #555e78 !important;
}

/* Checkbox dark */
html.dark .body-sign .checkbox-custom input[type="checkbox"] + label:before {
	background: #282d36;
	border-color: #3a404e;
}

/* Asterisk obligatoire */
.required-star {
	color: #d2322d;
	margin-left: 2px;
}

/* Message erreur */
.invalid-feedback {
	color: #d2322d;
	font-size: 0.8rem;
	margin-top: 4px;
}

/* ── Responsive mobile ── */
@media (max-width: 575px) {

	/* Logo adaptatif */
	.body-sign .logo img {
		height: 50px !important;
		/*
		max-width: 250px;
		*/
	}

	/* Card padding réduit */
	html.dark .body-sign .card-sign .card-body {
		padding: 20px 18px 12px !important;
	}

	/* Ligne checkboxes + bouton sur une seule ligne */
	.row.align-items-center {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	.row.align-items-center .col-sm-8 {
		flex: 1;
		width: auto;
	}

	.row.align-items-center .col-sm-4 {
		flex: none;
		width: auto;
	}

	/* Labels checkboxes plus compacts */
	.body-sign .checkbox-custom label {
		font-size: 0.78rem;
	}

	/* Bouton Sign In compact */
	.body-sign .btn-primary {
		padding: 6px 14px;
		font-size: 0.85rem;
		white-space: nowrap;
	}
}