:root {
	--bg-color: #f4f5f7;
	--fg-color-blue: #161e29; /* Bleu foncé du menu */
	--fg-color-white: #333333;
	--fg-color-light: #ffffff;
	--bg-color-badge: #008a1c; /* Vert "Actif" */
	--bordure: 1px solid #e0e0e0;
	--ombre: 0 2px 4px rgba(0,0,0,0.05);
	--sidebar-width: 260px;

	--modal-max-width: 90vw;
}

html, button, input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 16px;
}
body {
	color: var(--fg-color-white);
	-webkit-font-smoothing: antialiased;
}

.error { color: #d40000 !important; }
/* Boutons */
button, .btn-action, .btn-icon {
	background-color: white;
}
.btn-icon, .btn-action {
	display: inline-block;
	border: var(--bordure);
	margin: 4px;
	cursor: pointer;
}
.btn-icon { border-radius: 9999px; padding: 0px 3px; }
.btn-action { border-radius: 20px; padding: 4px 8px; text-align: center; line-height: 32px; }
.btn-icon:hover, .btn-action:hover, a.action:hover {
	color: #fff !important;
	background-color: #e61e29 !important;
}
.btn-danger {
	background: #e61e29;
	color: #fff;
}
/* liens */
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}
/* input */
select { width: fit-content; }
input[type="date"], input[type="time"] { width: fit-content; }
input, textarea, select, label {
	padding: 3px 6px;
	border-width: 1px;
	border-style: solid;
}
input, textarea, select { border-color: var(--fg-color-blue); background-color: var(--fg-color-light); }
label { width: fit-content; border-color: transparent; }
/* item sélectionné */
.active {
	background: #0079d2;
	color: white;
}

/* ==========================================================================
   SÉLECTEUR DE LANGUE (i18n)
   ========================================================================== */

.lang {
	display: block;
	border: 3px solid transparent;
	transition: transform 0.2s ease, border 0.2s ease;
}
.lang:hover {
	transform: scale(1.3);
}
.lang.active {
	border-color: #0079d2;
	pointer-event: none;
	padding: 2px;
	background-color: var(--fg-color-light) !important;
}
.lang img {
	width: 32px;
	height: 22px;
	object-fit: cover;
	display: block;
}