.fca-spaces-list-wrapper { } .fca-spaces-list.fca-spaces-list-grid,
.fca-pages-list.fca-spaces-list-grid, 
.fca-courses-list.fca-spaces-list-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
gap: 20px; 
list-style: none;
padding: 0;
margin: 0;
border: none; 
}    .fca-spaces-list-grid.fca-grid-cols-1,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-1,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-1,
.fca-spaces-list-grid.fca-grid-cols-2,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-2,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-2,
.fca-spaces-list-grid.fca-grid-cols-3,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-3,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-3,
.fca-spaces-list-grid.fca-grid-cols-4,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-4,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-4,
.fca-spaces-list-grid.fca-grid-cols-5,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-5,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-5,
.fca-spaces-list-grid.fca-grid-cols-6,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-6,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-6 {
grid-template-columns: 1fr !important; gap: 15px !important; 
} @media (min-width: 768px) { .fca-spaces-list-grid.fca-grid-cols-1,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-1,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-1 {
grid-template-columns: 1fr !important;
}
.fca-spaces-list-grid.fca-grid-cols-2,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-2,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-2 {
grid-template-columns: repeat(2, 1fr) !important;
}
.fca-spaces-list-grid.fca-grid-cols-3,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-3,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-3 {
grid-template-columns: repeat(3, 1fr) !important;
}
.fca-spaces-list-grid.fca-grid-cols-4,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-4,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-4 {
grid-template-columns: repeat(4, 1fr) !important;
}
.fca-spaces-list-grid.fca-grid-cols-5,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-5,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-5 {
grid-template-columns: repeat(5, 1fr) !important;
}
.fca-spaces-list-grid.fca-grid-cols-6,
.fca-pages-list.fca-spaces-list-grid.fca-grid-cols-6,
.fca-courses-list.fca-spaces-list-grid.fca-grid-cols-6 {
grid-template-columns: repeat(6, 1fr) !important;
} .fca-spaces-list.fca-spaces-list-grid,
.fca-pages-list.fca-spaces-list-grid, 
.fca-courses-list.fca-spaces-list-grid {
gap: 20px !important; 
}
} .fca-space-card {
background-color: var(--fcom-primary-bg, #fff);  border-radius: 8px; 
overflow: hidden; 
display: flex;
flex-direction: column;
transition: box-shadow 0.2s ease-in-out;
}
.fca-space-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} .fca-space-card-avatar {
position: relative;
width: 100%;
padding-top: 50%; background-color: var(--fcom-secondary-bg, #f0f0f0); }
.fca-space-card-avatar a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fca-space-card-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; } .fca-space-card-info {
padding: 15px; flex-grow: 1; 
display: flex;
flex-direction: column;
} .fca-space-card-name {
margin-bottom: 8px;
}
.fca-space-card-name a {
font-size: 1.1em;
font-weight: 600;
color: var(--fcom-primary-text, #333);
text-decoration: none;
}
.fca-space-card-name a:hover {
text-decoration: underline;
} .fca-space-card-name .el-tag {
margin-left: 8px;
font-size: 0.8em;
vertical-align: middle;
} .fca-space-card-details {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 10px;
color: var(--fcom-secondary-text, #666);
font-size: 0.9em;
}
.fca-space-card-detail-item {
display: flex;
align-items: center;
gap: 5px;
}
.fca-space-card-detail-item .el-icon {
display: inline-flex; width: 1em; height: 1em;
line-height: 1;
}
.fca-space-card-detail-item .el-icon svg {
width: 100%;
height: 100%;
} .fca-space-card-description {
font-size: 0.95em;
color: var(--fcom-secondary-text, #555); margin: 0;
line-height: 1.5;
flex-grow: 1; } .fca-space-card-action {
margin-top: auto; padding: 15px; padding-top: 10px; }
.fca-space-card-button { display: inline-block; width: 100%;
padding: 8px;
font-size: 0.9em;
font-weight: 500;
text-align: center;
border-radius: 8px; cursor: pointer;
text-decoration: none;
border: none; background: var(--fcom-active-bg, #f0f2f5); color: var(--fcom-menu-text-active, var(--fcom-menu-text, #545861)); transition: filter 0.2s ease; }
.fca-space-card-button:hover {
filter: brightness(95%); 
}   @media (max-width: 767px) { .fca-space-card .fca-space-card-info,
.fca-space-card .fca-space-card-action {
padding: 12px; } .fca-space-card-name a {
font-size: 1em; }
}