/* F95 Games — dark site-wide styles (f95theme spirit, dark mode):
   dark background, Heebo + Montserrat, pink #f00a77 accent, dark cards. */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800;900&display=swap');

body,
button,
input,
select,
textarea {
	font-family: 'Heebo', 'Segoe UI', Arial, sans-serif;
}

body {
	background: #121316;
	color: #e8e8e8;
	letter-spacing: 0.2px;
}

a {
	color: #f00a77;
	transition: color 0.3s ease;
}

a:hover {
	color: #ff4da4;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'Heebo', sans-serif;
	font-weight: 800;
	color: #f5f5f5;
	letter-spacing: 0.3px;
}

/* Logo: gamepad icon + pink-gradient wordmark in the site title */
header .wp-block-site-title a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 1px;
	background: linear-gradient(90deg, #f00a77 0%, #ff5aa8 45%, #ffffff 46%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
}

header .wp-block-site-title a::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f00a77"><path d="M7 6h10a5 5 0 0 1 5 5v3a4 4 0 0 1-7 2.6L13.6 15h-3.2L9 16.6A4 4 0 0 1 2 14v-3a5 5 0 0 1 5-5zm1 3v2H6v2h2v2h2v-2h2v-2h-2V9H8zm9.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/></svg>') center/contain no-repeat;
}

/* Buttons: pink like the reference theme */
.wp-block-button__link,
button[type="submit"],
input[type="submit"] {
	background-color: #f00a77 !important;
	border-radius: 4px;
	font-weight: 600;
}

.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: #c0055c !important;
}

/* Header: dark bar with light links, pink hover */
header .wp-block-navigation .wp-block-navigation-item__content,
header .wp-block-site-title a,
header .wp-block-navigation a {
	color: #e8e8e8;
	font-weight: 600;
	text-decoration: none;
}

header .wp-block-navigation a:hover,
header .wp-block-site-title a:hover {
	color: #f00a77;
}

header {
	background: #1a1b1f;
	border-bottom: 2px solid #f00a77;
}

/* Footer */
footer {
	background: #0c0d0f;
	color: #999;
	margin-top: 60px;
	padding: 30px 0;
}

footer a {
	color: #f00a77;
}

/* Content blocks */
blockquote {
	border-left: 4px solid #f00a77;
	background: #1a1b1f;
	color: #e8e8e8;
	padding: 15px 20px;
	border-radius: 4px;
}

/* Search form */
input[type="text"],
input[type="search"] {
	background: #1a1b1f;
	color: #e8e8e8;
	border: 2px solid #33343a;
	border-radius: 4px;
	padding: 8px 12px;
}

input[type="text"]:focus,
input[type="search"]:focus {
	border-color: #f00a77;
	outline: none;
}

/* Pagination */
.nav-links a,
.page-numbers {
	color: #e8e8e8;
	background: #1a1b1f;
	border-radius: 4px;
	padding: 6px 14px;
	text-decoration: none;
}

.nav-links a:hover,
.page-numbers:hover,
.page-numbers.current {
	background: #f00a77;
	color: #fff;
}
