/* --- Global Variables for Smooth Integration --- */
:root {
	--ux-primary-color: #1a202c;
	--ux-accent-color: #3182ce;
	--ux-bg-light: #ffffff;
	--ux-border-light: #e2e8f0;
	--ux-text-light: #2d3748;
}

/* --- Reading Progress Bar --- */
.reading-progress-container-12c115de {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: transparent;
	z-index: 99999;
}
body.admin-bar .reading-progress-container-12c115de {
	top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
	body.admin-bar .reading-progress-container-12c115de {
		top: 46px;
	}
}
.reading-progress-bar-12c115de {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, var(--ux-accent-color) 0%, #00d2ff 100%);
	transition: width 0.1s ease-out;
}

/* --- Back to Top Button --- */
.back-to-top-btn-12c115de {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 46px;
	height: 46px;
	background-color: var(--ux-primary-color);
	color: #ffffff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 9999;
}
.back-to-top-btn-12c115de.visible-12c115de {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.back-to-top-btn-12c115de:hover {
	background-color: var(--ux-accent-color);
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
.back-to-top-btn-12c115de svg {
	width: 20px;
	height: 20px;
}

/* --- Dark Mode Toggle --- */
.dark-mode-toggle-12c115de {
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 46px;
	height: 46px;
	background-color: var(--ux-bg-light);
	color: var(--ux-primary-color);
	border: 1px solid var(--ux-border-light);
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 9999;
}
.dark-mode-toggle-12c115de:hover {
	transform: scale(1.08) rotate(15deg);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.dark-mode-toggle-12c115de svg {
	width: 20px;
	height: 20px;
	position: absolute;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.dark-mode-toggle-12c115de .sun-icon-12c115de {
	opacity: 0;
	transform: scale(0.6) rotate(-90deg);
}
.dark-mode-toggle-12c115de .moon-icon-12c115de {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

/* --- Newsletter Slide-in --- */
.newsletter-slidein-12c115de {
	position: fixed;
	bottom: -400px;
	right: 30px;
	width: 320px;
	background-color: var(--ux-bg-light);
	border: 1px solid var(--ux-border-light);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	transition: bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 9998;
}
.newsletter-slidein-12c115de.visible-12c115de {
	bottom: 90px;
}
.newsletter-close-btn-12c115de {
	position: absolute;
	top: 12px;
	right: 12px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #a0aec0;
	padding: 4px;
	transition: color 0.15s ease;
}
.newsletter-close-btn-12c115de:hover {
	color: var(--ux-primary-color);
}
.newsletter-close-btn-12c115de svg {
	width: 18px;
	height: 18px;
}
.newsletter-header-12c115de h3 {
	font-family: inherit;
	font-size: 1.2rem;
	margin: 0 0 8px 0;
	color: var(--ux-primary-color);
}
.newsletter-header-12c115de p {
	font-size: 0.85rem;
	color: #718096;
	line-height: 1.4;
	margin: 0 0 16px 0;
}
.newsletter-form-12c115de {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.newsletter-input-12c115de {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--ux-border-light);
	border-radius: 6px;
	font-size: 0.9rem;
	outline: none;
	background: #fafbfc;
	transition: border-color 0.15s ease;
}
.newsletter-input-12c115de:focus {
	border-color: var(--ux-accent-color);
	background: #ffffff;
}
.newsletter-submit-btn-12c115de {
	background-color: var(--ux-primary-color);
	color: #ffffff;
	border: none;
	border-radius: 6px;
	padding: 10px;
	font-weight: 600;
	cursor: pointer;
	font-size: 0.9rem;
	transition: background-color 0.15s ease;
}
.newsletter-submit-btn-12c115de:hover {
	background-color: var(--ux-accent-color);
}
.newsletter-thanks-12c115de {
	display: none;
	font-size: 0.95rem;
	font-weight: 600;
	color: #48bb78;
	text-align: center;
	margin: 0;
}

/* --- Dark Mode Active Styles (Premium Sports Slate Gray Theme) --- */
body.dark-mode-active-12c115de {
	--ux-bg-light: #0f172a; /* Slate Gray 900 */
	--ux-border-light: #1e293b; /* Slate Gray 800 */
	--ux-primary-color: #f8fafc; /* Crisp White 50 */
	--ux-text-light: #cbd5e1; /* Gray 300 */
	--ux-accent-color: #00d2ff; /* Neon Blue Accent */
	background-color: #0f172a !important;
	color: #cbd5e1 !important;
}
body.dark-mode-active-12c115de div, 
body.dark-mode-active-12c115de p, 
body.dark-mode-active-12c115de span, 
body.dark-mode-active-12c115de section, 
body.dark-mode-active-12c115de article, 
body.dark-mode-active-12c115de header, 
body.dark-mode-active-12c115de footer, 
body.dark-mode-active-12c115de h1, 
body.dark-mode-active-12c115de h2, 
body.dark-mode-active-12c115de h3, 
body.dark-mode-active-12c115de h4, 
body.dark-mode-active-12c115de h5, 
body.dark-mode-active-12c115de h6,
body.dark-mode-active-12c115de a {
	border-color: #1e293b;
}
body.dark-mode-active-12c115de h1,
body.dark-mode-active-12c115de h2,
body.dark-mode-active-12c115de h3,
body.dark-mode-active-12c115de h4,
body.dark-mode-active-12c115de h5,
body.dark-mode-active-12c115de h6,
body.dark-mode-active-12c115de .entry-content h1,
body.dark-mode-active-12c115de .entry-content h2,
body.dark-mode-active-12c115de .entry-content h3 {
	color: #ffffff !important;
}
body.dark-mode-active-12c115de .entry-content p,
body.dark-mode-active-12c115de p {
	color: #94a3b8 !important; /* Muted Slate Gray 400 */
}
body.dark-mode-active-12c115de .clean-blog-card-b9aac8d6 {
	background-color: #1e293b !important;
	border: 1px solid #334155;
}
body.dark-mode-active-12c115de .clean-blog-card-title-b9aac8d6 a {
	color: #ffffff !important;
}
body.dark-mode-active-12c115de .clean-blog-card-excerpt-b9aac8d6 {
	color: #94a3b8 !important;
}
body.dark-mode-active-12c115de .main-navigation a,
body.dark-mode-active-12c115de .elementor-nav-menu a {
	color: #f8fafc !important;
}
body.dark-mode-active-12c115de .site-header,
body.dark-mode-active-12c115de header {
	background-color: rgba(15, 23, 42, 0.95) !important;
	border-bottom: 1px solid #1e293b;
}
body.dark-mode-active-12c115de .dark-mode-toggle-12c115de .sun-icon-12c115de {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}
body.dark-mode-active-12c115de .dark-mode-toggle-12c115de .moon-icon-12c115de {
	opacity: 0;
	transform: scale(0.6) rotate(90deg);
}
body.dark-mode-active-12c115de .newsletter-input-12c115de {
	background: #1e293b;
	color: #ffffff;
}