/* ==========================================================================
   COMPOSANTS UI (Champs de données)
   Formatage atomique indépendant de la vue
   ========================================================================== */

/* --- Composant : Média (Image/Logo/Avatar) --- */
.item-media {
	width: var(--item-img-width, 100%);
	height: var(--item-img-height, 150px);
	background-size: var(--item-img-fill, cover);
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ebebeb; /* Séparateur subtil pour le mode horizontal */
}

/* Gabarit d'absence de média physique (Fallback purement typographique) */
.item-media-placeholder {
	font-size: 2.5rem;
	color: var(--fg-color-light, #ffffff);
	background-color: var(--brand-primary, #3498db);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* --- Composant : Conteneur Textuel (Bloc métadonnées) --- */
.item-content {
	padding: var(--item-content-padding, 5px 10px);
	display: flex;
	flex-direction: column;
	flex-grow: 1; /* Consommation de l'espace résiduel */
	min-width: 0; /* Verrou contre l'éclatement du parent Grid/Flex */
}

/* --- Éléments Textuels --- */
.item-badge {
	background-color: var(--bg-color-badge, #e61e29);
	color: var(--fg-color-light, #ffffff);
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
	width: fit-content;
}

.item-title {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.2;
}

.item-meta, .item-author, .item-time, .item-datetime { font-size: 0.8rem; color: var(--text-muted, #7f8c8d); }
/*.item-meta { display: flex; padding-bottom: 4px; gap: 10px; } */

.item-desc {
	font-size: 0.95rem;
	line-height: 1.4rem;
	color: var(--text-main, #555555);
	overflow: hidden;
	flex-grow: 1; /* S'assure que les descriptions courtes ne cassent pas l'alignement */
}

.item-attachment { margin: 6px auto 0px; border-radius: 8px; overflow: hidden; }
.item-attachment.image-attachment { width: 400px; height: 200px; }
.item-attachment img { max-width: 100%; max-height: 100%; display: block; margin: 0px auto; }