/* --- Games Page Specific Styles --- */

/* Games Grid Container */
.games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Responsive grid */
    gap: 1.5rem;
    margin-top: 2rem; /* Space above game cards */
}

/* Styling for Game List Container during AJAX load */
#game-list-container.loading {
    opacity: 0.5; /* Indicate loading */
    transition: opacity 0.3s ease;
}


/* Styling for AJAX Error Message (Specific to Games Page) */
#game-list-container .error-message {
    text-align: center;
    padding: 2rem;
    color: #FFFFFF; /* White text for contrast */
    font-weight: bold;
    border: 1px solid #C96464; /* Brighter Red border */
    background-color: #5D3A3A; /* Dark Red background */
    border-radius: 6px;
    margin: 0; /* Remove default margin if inside the container */
}

/* Responsive adjustments for games grid */
@media (max-width: 576px) {
    .games-grid {
        grid-template-columns: 1fr; /* Single column for games */
    }
}
/* Games Page Specific Backgrounds */
/* Apply darker background to the filter section on the games page */
#filter-section {
    background-color: var(--surface-color);
}

/* Apply darker background to the main content section (containing games grid) on the games page */
main > section.page-content-section.section-padding {
    background-color: var(--surface-color);
}