/**
 * Game Log Public Styles
 */

/* Pattern Category Styling */
.block-editor-block-patterns-list__item-category {
    font-weight: 600;
}

/* Pattern Title Styling */
.block-editor-block-patterns-list__item-title {
    font-weight: 600;
    color: #1e1e1e;
}

/* Pattern Description Styling */
.block-editor-block-patterns-list__item-description {
    color: #757575;
    font-size: 13px;
    margin-top: 4px;
}

/* Game Log Pattern Styles */
.game__log__container__game {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.game__log__container__game figure {
	background-color: #ccc;
	margin-block-end: 0; /* resets built-in WP style */
}

.game__log__container__game li {
	margin-top: 0px; /* resets built-in WP style */
	max-width: 150px;
}

.game__log__container__game li h2 {
	margin-block-start: 8px;
}

.game__log__container__game .wp-block-post-featured-image {
    width: 150px;
    height: auto;
	border-radius: 5px;
	max-width: 150px;
}

.game__log__container__game .wp-block-post-featured-image img {
	border-radius: 5px;
	width: 150px;
    height: auto;
}

.game__log__container__game .wp-block-post-title {
	color: var(--wp--preset--color--black);
    font-size: var(--wp--preset--font-size--small);
}



/* Query Pagination Styles */
.game__log__container .wp-block-query-pagination {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding: 20px 0;
}

.game__log__container .wp-block-query-pagination a,
.game__log__container .wp-block-query-pagination span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background: #fff;
    transition: all 0.2s ease;
}

.game__log__container .wp-block-query-pagination a:hover {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.game__log__container .wp-block-query-pagination .current {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* No Results Styles */
.game__log__container .wp-block-query-no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

/* Responsive Design */
@media (max-width: 768px) {
    .game__log__container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .game__log__container__game .wp-block-post-featured-image {
        height: 150px;
    }
}