/*
 * GameHub Theme Custom CSS
 */

/* Focus styles for accessibility */
.wp-block-group:focus,
.wp-block-button__link:focus,
.wp-block-navigation__responsive-container-close:focus {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* Header styles */
.header-wrapper {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.header-container {
	padding-top: var(--wp--preset--spacing--sm);
	padding-bottom: var(--wp--preset--spacing--sm);
}

/* Card styles */
.news-card,
.archive-card,
.game-card {
	transition: all 0.3s ease;
	text-decoration: none;
}

.news-card:hover,
.archive-card:hover,
.game-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 240, 255, 0.2);
}

/* Ranking row styles */
.ranking-row,
.revenue-row {
	transition: all 0.3s ease;
}

.ranking-row:hover,
.revenue-row:hover {
	background-color: var(--wp--preset--color--border);
}

/* Sidebar styles */
.sidebar-wrapper {
	position: sticky;
	top: 60px;
}

/* Footer styles */
.footer-wrapper {
	margin-top: var(--wp--preset--spacing--xxl);
}

.footer-widgets {
	gap: var(--wp--preset--spacing--lg);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.header-container {
		flex-wrap: wrap;
	}
	
	.sidebar-wrapper {
		position: relative;
		top: auto;
	}
	
	.footer-widgets {
		flex-direction: column;
	}
}

@media (min-width: 768px) {
	.wp-block-post-template {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: var(--wp--preset--spacing--lg);
	}
}