/* Grid card styling for infografis */
.infografis-grid-card {
    background: white;
    border: 1px solid rgb(229, 231, 235);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
    transition: box-shadow 0.2s;
}

.infografis-grid-card:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.dark .infografis-grid-card {
    background: rgb(17, 24, 39);
    border-color: rgb(55, 65, 81);
}

.infografis-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Improve grid card appearance */
.infografis-grid-card .fi-ta-cell {
    padding: 0 !important;
}

.infografis-grid-card .fi-ta-content {
    padding: 1rem;
}

/* Hide unnecessary elements in grid view */
[data-view-mode="grid"] .fi-ta-header-cell {
    display: none !important;
}

/* Grid responsive layout */
@media (max-width: 768px) {
    .infografis-grid-card {
        margin-bottom: 1rem;
    }
}