/* === 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.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 === */