/*
Theme Name: Spiel
Theme URI: https://wordpress.com/theme/spiel
Author: Automattic
Author URI: https://automattic.com/
Description: Spiel is a game magazine theme. The rich and dense old-school homepage layout could still work well for pro-bloggers.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spiel
Tags: blog, news, grid-layout, two-columns, right-sidebar, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-patterns
*/

/* Custom header search positioning */
.wp-block-group .wp-block-search.mini-search {
	margin-left: auto !important;
}

.header-search {
	position: absolute !important;
	top: 40px !important;
	right: 60px !important;
	z-index: 10 !important;
}

/*
 * Button Block
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--primary);
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/* Custom Trending Posts Styles */
.trending-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--wp--preset--spacing--50, 2rem);
}

.trending-post-item {
    position: relative;
}

.post-views {
    display: none !Important;
}

.post-views .weekly-views {
    display: none !Important;
}

/* Latest Posts Grid Styles */
.wp-block-post-template[style*="grid-template-columns: repeat(2"] {
    gap: var(--wp--preset--spacing--40, 1.5rem);
}

/* Responsive grid for trending posts */
@media (max-width: 1024px) {
    .wp-block-post-template[style*="grid-template-columns: repeat(4"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .trending-posts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 640px) {
    .wp-block-post-template[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    .trending-posts-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Blog Posts Styles */
.featured-blog-post {
    position: relative;
}

.blog-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wp--preset--spacing--30, 1rem);
}

.blog-post-item {
    position: relative;
}

/* Responsive grid for blog posts */
@media (max-width: 1200px) {
    .blog-posts-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1024px) {
    .blog-posts-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }
    
    .blog-posts-grid {
        grid-template-columns: 1fr !important;
        gap: var(--wp--preset--spacing--30, 1rem);
    }
}

/* Blog Posts Widget Styles */
.blog-posts-widget-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-posts-widget-list li {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--wp--preset--color--contrast, #eee);
}

.blog-posts-widget-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.blog-posts-widget-list a {
    color: var(--wp--preset--color--contrast, #333);
    text-decoration: none;
    font-weight: 500;
    display: block;
    margin-bottom: 0.25rem;
}

.blog-posts-widget-list a:hover {
    color: var(--wp--preset--color--primary, #007cba);
}

.blog-posts-widget-list .post-date {
    font-size: 0.8rem;
    color: var(--wp--preset--color--contrast, #666);
}

/* Footer Styles */
.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 0.5rem;
    padding: 0;
}

.footer-menu li:last-child {
    margin-bottom: 0;
}

.footer-menu a {
    color: var(--wp--preset--color--base, #fff);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer-menu a:hover {
    color: var(--wp--preset--color--primary, #007cba);
}


.post-views .weekly-views {
    display: none !Important;
}

.wp-block-post-excerpt__excerpt {
    display: none !Important;
}

.wp-block-post-author-biography {
    display: none !Important;
}