/* Display filenames in Nextcloud Memories grid */
.memories-grid-row a.grid-item {
    position: relative !important;
    margin-bottom: 25px !important; /* Makes room for the text underneath */
}

.memories-grid-row a.grid-item::after {
    content: attr(title);
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    color: var(--color-text-main, #333);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    pointer-events: none;
}