/* =====================================================
   ALERTES GLOBALES
===================================================== */
.alert {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	padding: 13px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
}

/* =====================================================
   SUCCÈS
===================================================== */
.alert-success {
	background: rgba(25, 135, 84, 0.12);
	border: 1px solid rgba(25, 135, 84, 0.25);
	color: #4ade80;
}

/* =====================================================
   ERREUR
===================================================== */
.alert-danger {
	background: rgba(220, 53, 69, 0.12);
	border: 1px solid rgba(220, 53, 69, 0.25);
	color: #ff6b7a;
}

/* =====================================================
   DISPARITION
===================================================== */
.alert-hide {
	animation:
		alertHide 0.4s ease forwards;
}
@keyframes alertHide {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(-8px);
	}
}

/* ============================================================
   APPLICATION GLOBAL STYLES
   ============================================================ */
html,
body {
    min-height: 100%;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}