/* ==========================================================================
   mod_udroit_live — Flux 4 colonnes page d'accueil
   UIkit 3 (jl-*) — 2026-03
   ========================================================================== */

.udroit-live__card {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	overflow: hidden;
}

/* Header */
.udroit-live__header {
	padding: 10px 12px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.udroit-live__title {
	font-size: 13px;
	font-weight: 600;
	color: #333;
	display: flex;
	align-items: center;
	gap: 6px;
}
.udroit-live__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex-shrink: 0;
}
.udroit-live__more {
	font-size: 11px;
	color: #888;
	text-decoration: none;
	white-space: nowrap;
}
.udroit-live__more:hover {
	color: #1a3a6e;
}

/* Items */
.udroit-live__item {
	display: block;
	padding: 8px 12px;
	border-bottom: 1px solid #f5f5f5;
	text-decoration: none;
	transition: background 0.15s;
}
.udroit-live__item:last-child {
	border-bottom: none;
}
.udroit-live__item:hover {
	background: #f8fafc;
}
.udroit-live__item-title {
	font-size: 12px;
	color: #333;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.udroit-live__item:hover .udroit-live__item-title {
	color: #1a3a6e;
}
.udroit-live__item-meta {
	font-size: 11px;
	color: #888;
	margin-top: 3px;
	display: flex;
	align-items: baseline;
	gap: 5px;
	flex-wrap: wrap;
}

/* Badges */
.udroit-live__badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	padding: 1px 6px;
	border-radius: 3px;
	white-space: nowrap;
	line-height: 1.5;
}
.udroit-live__badge--red {
	background: #fee2e2;
	color: #991b1b;
}
.udroit-live__badge--orange {
	background: #fff7ed;
	color: #9a3412;
}
.udroit-live__badge--blue {
	background: #dbeafe;
	color: #1e40af;
}
.udroit-live__badge--green {
	background: #dcfce7;
	color: #166534;
}
.udroit-live__badge--gray {
	background: #f3f4f6;
	color: #6b7280;
}
.udroit-live__badge--purple {
	background: #f3e8ff;
	color: #6b21a8;
}
.udroit-live__badge--teal {
	background: #ccfbf1;
	color: #115e59;
}

/* Empty state */
.udroit-live__empty {
	padding: 20px 12px;
	text-align: center;
	font-size: 12px;
	color: #aaa;
	font-style: italic;
}

/* Responsive */
@media (max-width: 639px) {
	.udroit-live__item {
		padding: 7px 10px;
	}
	.udroit-live__item-title {
		font-size: 11px;
	}
}