/* === Thumbnail vises, skjules smoooth === */
.thumbnail {
	width: 150px;
	cursor: pointer;
	flex-shrink: 0;
	border-radius: 4px;
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
}

.media-item.utvidet .thumbnail {
	opacity: 0;
	pointer-events: none; /* gjør den "klikk-død" når skjult */
}

/* === Full-size bilde fade inn === */
.full-image-container {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}

.media-item {
	scroll-margin-top: calc(
		var(--header-height) + 10px
	); /* juster etter header høyde */
}

.media-item.utvidet .full-image-container {
	opacity: 1;
	max-height: 1000px; /* justeres etter bilde-størrelse */
}

/* === Hidden-content fade === */
.hidden-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}

.media-item.utvidet .hidden-content {
	opacity: 1;
	max-height: 2000px; /* stort nok for all tekst */
}

/* === Ingress, thumbnail flex === */
.ingress-flex {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

/* === Year-label og tags beholdes som før === */