/*
Theme Name: USDT Apostar
Theme URI: https://usdtapostar.com
Author: Fedor Tatarintsev
Description: Tema moderna y rápida para USDT Apostar basada en Tailwind CSS.
Version: 1.0.0
Text Domain: usdt-apostar
*/

body, input, select, textarea, button {
	font-family: 'Inter', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, 
.font-heading,
[role="search"] button,
header a[href*="home_url"], 
footer a[href*="home_url"] {
	font-family: 'Hubot+Sans', 'Inter', sans-serif !important;
}

.prose-crypto h2 {
	font-family: 'Hubot+Sans', 'Inter', sans-serif !important;
	font-size: 1.75rem !important;
	font-weight: 900 !important;
	letter-spacing: -0.025em !important;
	color: #ffffff !important;
	margin-top: 2.5rem !important;
	margin-bottom: 1.25rem !important;
}

.prose-crypto h3 {
	font-family: 'Hubot+Sans', 'Inter', sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.025em !important;
	color: #f8fafc !important;
	margin-top: 2rem !important;
	margin-bottom: 0.75rem !important;
}

.prose-crypto p {
	font-size: 1rem !important;
	line-height: 1.75 !important;
	color: #94a3b8 !important;
	margin-bottom: 1.5rem !important;
}

.prose-crypto p strong {
	color: #ffffff !important;
}

.prose-crypto ul {
	list-style-type: none !important;
	padding-left: 0 !important;
	margin-bottom: 1.5rem !important;
}

.prose-crypto ul li {
	position: relative !important;
	font-size: 1rem !important;
	line-height: 1.75 !important;
	color: #94a3b8 !important;
	padding-left: 1.75rem !important;
	margin-bottom: 0.75rem !important;
}

.prose-crypto ul li::before {
	content: "✓" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: #34d399 !important;
	font-weight: 700 !important;
}

.prose-crypto ol {
	list-style-type: none !important;
	padding-left: 0 !important;
	counter-reset: crypto-counter !important;
	margin-bottom: 1.5rem !important;
}

.prose-crypto ol li {
	position: relative !important;
	font-size: 1rem !important;
	line-height: 1.75 !important;
	color: #94a3b8 !important;
	padding-left: 2rem !important;
	margin-bottom: 0.75rem !important;
	counter-increment: crypto-counter !important;
}

.prose-crypto ol li::before {
	content: counter(crypto-counter) "." !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: #34d399 !important;
	font-weight: 900 !important;
	font-family: 'Hubot+Sans', sans-serif !important;
}

.prose-crypto img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
	border-radius: 1rem !important;
	border: 1px solid #1e293b !important;
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
}

@media (max-width: 640px) {
	.prose-crypto h2 { font-size: 1.5rem !important; }
	.prose-crypto h3 { font-size: 1.2rem !important; }
}

.page-numbers {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.page-numbers a, 
.page-numbers span.current {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.5rem !important;
	height: 2.5rem !important;
	border-radius: 0.75rem !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	transition: all 0.2s ease !important;
	text-decoration: none !important;
}

.page-numbers a {
	background-color: #0f172a !important;
	border: 1px solid #1e293b !important;
	color: #94a3b8 !important;
}

.page-numbers a:hover {
	border-color: #34d399 !important;
	color: #ffffff !important;
	background-color: #0f172a !important;
}

.page-numbers span.current {
	background-color: #34d399 !important;
	color: #020617 !important;
}

.page-numbers .prev,
.page-numbers .next {
	width: auto !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

a {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease;
}

a:focus-visible {
	outline: 2px solid #34d399;
	outline-offset: 4px;
	border-radius: 0.375rem;
}

.prose-crypto a {
	color: #34d399 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(52, 211, 153, 0.2) !important;
	padding-bottom: 1px !important;
}

.prose-crypto a:hover {
	color: #6ee7b7 !important;
	border-bottom-color: #6ee7b7 !important;
}

nav a:hover,
footer a:hover {
	color: #34d399;
}

.group:hover .group-hover\:text-emerald-400 {
	color: #34d399 !important;
}

.group:hover .group-hover\:text-cyan-400 {
	color: #22d3ee !important;
}