/**
 * Post Grid Block - Grid-specifické styly
 * Sdílené styly jsou v assets/css/cards-shared.css
 */

/* Grid container */
.post-modal-grid {
    margin: 2rem 0;
}

.post-modal-grid__items {
    display: grid;
    grid-template-columns: repeat(var(--columns, 3), 1fr);
    gap: 1.5rem;
}

@media (max-width: 1220px) {
    .post-modal-grid__items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 800px) {
    .post-modal-grid__items {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Grid-specifické vlastnosti */
.post-modal-card {
    overflow: visible;
    position: relative;
    cursor: pointer;
}

/* Skryjeme featured image (není potřeba) */
.post-modal-card__image {
    display: none;
}

/* Skrýt datum */
.post-modal-card__date {
    display: none;
}

/* No posts message */
.post-modal-grid__no-posts {
    text-align: center;
    padding: 2rem;
    color: #666;
    font-style: italic;
}