/* Frontend styles for FCA Courses List block (copied from spaces list) */

.fca-courses-list-wrapper { /* Wrapper class specific to this block if needed */
    /* Alignment handled by get_block_wrapper_attributes */
}

/* Grid Layout - Updated selector */
.fca-courses-list.fca-spaces-list-grid { 
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); */ 
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Fallback */
    gap: 20px; 
    list-style: none;
    padding: 0;
    margin: 0;
    /* border: none; */ 
}

/* Individual Card - Reuse existing styles */
.fca-space-card { /* Keep using this class for consistency */
    background-color: var(--fcom-primary-bg, #fff); 
    /* border: 1px solid transparent; */ 
    border-radius: 8px; 
    overflow: hidden; 
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease-in-out;
}

/* ... rest of the styles ... */ 

/* --- Responsive Stacking --- */
@media (max-width: var(--fca-mobile-breakpoint, 767px)) {
    /* Force single column on mobile regardless of number of columns setting */
    html body .fca-courses-list.fca-spaces-list-grid,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-1,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-2,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-3,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-4,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-5,
    html body .fca-courses-list.fca-spaces-list-grid.fca-grid-cols-6 {
        grid-template-columns: 1fr !important; /* Force single column with !important to override any inline styles */
        gap: 15px !important; /* Smaller gap on mobile */
    }
    
    /* Optional: Adjust card padding for mobile */
    html body .fca-course-card.fca-space-card .fca-space-card-info,
    html body .fca-course-card.fca-space-card .fca-space-card-action {
        padding: 12px; /* Slightly reduce padding inside cards */
    }
}