/* === Mobile First === */

.kek-documents-list {
    width: 100%;
    max-width: 800px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.kek-document-item {
    /*padding: 0.75em 0.8em;*/
    border-bottom: 1px solid #eee;
}

.kek-document-item:last-child {
    border-bottom: none;
}

.kek-document-link {
    display: flex;
    align-items: center;
    gap: 0.6em;
    text-decoration: none;
    color: #2271b1;
    font-size: 1em;
    min-height: 44px;
    word-break: break-word;
}

.kek-document-link:hover {
    color: #135e96;
}

.kek-document-link .dashicons {
    color: #999;
    flex-shrink: 0;
}

/* === Tablet (480px+) === */
@media (min-width: 480px) {
    .kek-documents-list {
        margin: 0.5em auto;
    }
}

/* === Desktop (800px+) === */
@media (min-width: 800px) {
    .kek-documents-list {
        margin: 1em auto;
    }

    .kek-document-item {
        /*padding: 0.75em 1em;*/
    }
}