/**
 * WinPaisa Dark/Light Mode Engine Specific Refinements
 * 
 * Ensures crisp contrast, zero layout shifts, and accessible tone curves across both modes.
 * Eliminates light mode contrast issues across all cards, typography, forms, and widgets.
 */

/* ==========================================================================
   THEME SWITCHING TRANSITION LOCK
   ========================================================================== */
.winpaisa-theme-in-transition,
.winpaisa-theme-in-transition *,
.winpaisa-theme-in-transition *::before,
.winpaisa-theme-in-transition *::after {
	transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out !important;
}

/* ==========================================================================
   UNIFIED BUTTON SYSTEM (CONSISTENT DESIGN DNA ACROSS ALL BUTTONS)
   ========================================================================== */
.winpaisa-btn-unified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp-font-sans);
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	transition: all var(--wp-transition-fast, 150ms ease);
	box-sizing: border-box;
	line-height: 1.2;
}

.winpaisa-btn-unified.winpaisa-btn-get,
.winpaisa-btn-unified.winpaisa-btn-get-small {
	background-color: var(--wp-bg-surface-subtle, #1E273A);
	color: var(--wp-brand-gold, #E5B842);
	border-color: var(--wp-border-accent, rgba(229, 184, 66, 0.35));
	border-radius: var(--wp-radius-full, 9999px);
	padding: 6px 14px;
	font-size: 12px;
	letter-spacing: 0.04em;
	min-height: 32px;
	white-space: nowrap;
}

.winpaisa-btn-unified.winpaisa-btn-get:hover,
.winpaisa-btn-unified.winpaisa-btn-get-small:hover {
	background-color: var(--wp-brand-gold, #E5B842);
	color: #090C12 !important;
	border-color: var(--wp-brand-gold, #E5B842);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(229, 184, 66, 0.3);
}

.winpaisa-btn-unified.winpaisa-btn-download-hero {
	background: linear-gradient(135deg, var(--wp-brand-emerald, #10B981) 0%, #059669 100%);
	color: #FFFFFF !important;
	border-radius: var(--wp-radius-md, 8px);
	padding: 12px 24px;
	font-size: 15px;
	min-height: 48px;
	gap: 10px;
	box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35);
	width: 100%;
}

.winpaisa-btn-unified.winpaisa-btn-download-hero:hover {
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
	color: #FFFFFF !important;
}

.winpaisa-btn-unified.winpaisa-btn-quick-apk {
	background: linear-gradient(135deg, var(--wp-brand-emerald, #10B981) 0%, #059669 100%);
	color: #FFFFFF !important;
	border-radius: var(--wp-radius-md, 8px);
	padding: 8px 16px;
	font-size: 13px;
	min-height: 38px;
	gap: 6px;
	width: 100%;
	max-width: 140px;
	box-shadow: 0 3px 12px rgba(16, 185, 129, 0.3);
}

.winpaisa-btn-unified.winpaisa-btn-quick-apk:hover {
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	transform: translateY(-1px);
	box-shadow: 0 5px 16px rgba(16, 185, 129, 0.4);
	color: #FFFFFF !important;
}

.winpaisa-btn-unified.winpaisa-btn-earning-cta {
	background: linear-gradient(135deg, var(--wp-brand-gold, #E5B842) 0%, #D4A528 100%);
	color: #090C12 !important;
	border-radius: var(--wp-radius-md, 8px);
	padding: 10px 18px;
	font-size: 13.5px;
	gap: 8px;
	width: 100%;
	min-height: 40px;
}

.winpaisa-btn-unified.winpaisa-btn-earning-cta:hover {
	background: linear-gradient(135deg, #F3BA54 0%, var(--wp-brand-gold, #E5B842) 100%);
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(229, 184, 66, 0.35);
}

.winpaisa-btn-unified.winpaisa-btn-sticky-dl {
	background: linear-gradient(135deg, var(--wp-brand-emerald, #10B981) 0%, #059669 100%);
	color: #FFFFFF !important;
	border-radius: var(--wp-radius-md, 8px);
	padding: 8px 18px;
	font-size: 13.5px;
	min-height: 40px;
	gap: 8px;
}

.winpaisa-btn-unified.winpaisa-btn-sticky-dl:hover {
	background: linear-gradient(135deg, #059669 0%, #047857 100%);
	color: #FFFFFF !important;
}

/* Quick APK wrapper under logo */
.winpaisa-quick-apk-wrapper {
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 100%;
}

.winpaisa-quick-apk-submeta {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	color: var(--wp-text-muted, #94A3B8);
	font-weight: 600;
}

/* Sticky Download Bar */
.winpaisa-sticky-download-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: var(--wp-bg-surface, #101520);
	border-top: 1px solid var(--wp-border-base, #2D3A50);
	padding: 10px 0;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.winpaisa-sticky-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.winpaisa-sticky-game {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.winpaisa-sticky-icon {
	width: 40px;
	height: 40px;
	border-radius: var(--wp-radius-md, 8px);
	object-fit: cover;
	flex-shrink: 0;
	border: 1px solid var(--wp-border-base);
}

.winpaisa-sticky-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.winpaisa-sticky-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--wp-text-primary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.winpaisa-sticky-ver {
	font-size: 11.5px;
	color: var(--wp-text-muted);
}

/* ==========================================================================
   LIGHT MODE: COMPREHENSIVE HIGH-CONTRAST ENGINE
   ========================================================================== */
[data-theme="light"] {
	color-scheme: light;
}

[data-theme="light"] body {
	background-color: var(--wp-bg-canvas, #F8FAFC);
	color: var(--wp-text-primary, #0F172A);
}

/* Header & Navigation in Light Mode */
[data-theme="light"] .winpaisa-site-header {
	background-color: var(--wp-header-bg, rgba(255, 255, 255, 0.96));
	border-bottom-color: #E2E8F0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .winpaisa-logo-text {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-logo-icon {
	background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
	color: #E5B842;
	border-color: #E5B842;
}

[data-theme="light"] .winpaisa-nav-link {
	color: #475569;
}

[data-theme="light"] .winpaisa-nav-link:hover,
[data-theme="light"] .winpaisa-nav-item.current-menu-item > .winpaisa-nav-link {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-nav-link:hover {
	background-color: #F1F5F9;
}

[data-theme="light"] .winpaisa-search-trigger {
	background-color: #F1F5F9;
	border-color: #E2E8F0;
	color: #64748B;
}

[data-theme="light"] .winpaisa-search-trigger:hover {
	background-color: #E2E8F0;
	color: #0F172A;
}

[data-theme="light"] .winpaisa-search-shortcut {
	background-color: #FFFFFF;
	border-color: #CBD5E1;
	color: #475569;
}

[data-theme="light"] .winpaisa-theme-toggle,
[data-theme="light"] .winpaisa-mobile-toggle {
	background-color: #F1F5F9;
	border-color: #E2E8F0;
	color: #334155;
}

[data-theme="light"] .winpaisa-theme-toggle:hover,
[data-theme="light"] .winpaisa-mobile-toggle:hover {
	background-color: #E2E8F0;
	color: #0F172A;
}

[data-theme="light"] .winpaisa-mobile-drawer {
	background-color: #FFFFFF;
	border-right-color: #E2E8F0;
	box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .winpaisa-mobile-menu a {
	color: #334155;
	border-bottom-color: #F1F5F9;
}

[data-theme="light"] .winpaisa-mobile-menu a:hover {
	background-color: #F8FAFC;
	color: #0F172A;
}

/* Headings and Section Titles */
[data-theme="light"] .winpaisa-section-heading,
[data-theme="light"] .winpaisa-section-title,
[data-theme="light"] .winpaisa-single-title,
[data-theme="light"] .winpaisa-article-title,
[data-theme="light"] .winpaisa-section-title-sm {
	color: #0F172A !important;
}

[data-theme="light"] .winpaisa-section-sub,
[data-theme="light"] .winpaisa-section-subtitle,
[data-theme="light"] .winpaisa-blog-header__desc {
	color: #475569 !important;
}

/* Category Filter Chips & Buttons */
[data-theme="light"] .filter-chip,
[data-theme="light"] .winpaisa-filter-chip {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	color: #334155;
}

[data-theme="light"] .filter-chip:hover,
[data-theme="light"] .winpaisa-filter-chip:hover {
	background-color: #F1F5F9;
	border-color: #CBD5E1;
	color: #0F172A;
}

[data-theme="light"] .filter-chip.is-active,
[data-theme="light"] .winpaisa-filter-chip.is-active {
	background-color: #0F172A;
	color: #FFFFFF;
	border-color: #0F172A;
}

/* Standard Game Cards in Light Mode */
[data-theme="light"] .winpaisa-game-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .winpaisa-game-card:hover {
	border-color: #CBD5E1;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .winpaisa-game-card__title,
[data-theme="light"] .winpaisa-game-card__title a {
	color: #0F172A !important;
}

[data-theme="light"] .winpaisa-card-cat,
[data-theme="light"] .winpaisa-card-platform {
	color: #64748B;
}

[data-theme="light"] .winpaisa-card-rating {
	color: #B45309;
}

[data-theme="light"] .winpaisa-card-version,
[data-theme="light"] .winpaisa-card-size {
	color: #64748B;
}

[data-theme="light"] .winpaisa-meta-sep {
	color: #CBD5E1;
}

/* Earning Cards in Light Mode */
[data-theme="light"] .winpaisa-earning-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .winpaisa-earning-card:hover {
	border-color: #CBD5E1;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .winpaisa-earning-title {
	color: #0F172A !important;
}

[data-theme="light"] .winpaisa-earning-developer {
	color: #64748B;
}

[data-theme="light"] .winpaisa-earning-payout-box {
	background-color: #F8FAFC;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-min-withdrawal .label {
	color: #64748B;
}

[data-theme="light"] .winpaisa-min-withdrawal .value {
	color: #0F172A;
}

[data-theme="light"] .payout-tag.easypaisa {
	background-color: rgba(16, 185, 129, 0.12);
	color: #047857;
	border-color: rgba(16, 185, 129, 0.25);
}

[data-theme="light"] .payout-tag.jazzcash {
	background-color: rgba(239, 68, 68, 0.12);
	color: #B91C1C;
	border-color: rgba(239, 68, 68, 0.25);
}

/* Trending Cards in Light Mode */
[data-theme="light"] .winpaisa-trending-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-trending-card:hover {
	border-color: #CBD5E1;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .winpaisa-trending-rank {
	background-color: #F1F5F9;
	color: #64748B;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-trending-card.is-top-three .winpaisa-trending-rank {
	background-color: rgba(229, 184, 66, 0.18);
	color: #B45309;
	border-color: rgba(229, 184, 66, 0.35);
}

[data-theme="light"] .winpaisa-trending-title {
	color: #0F172A !important;
}

[data-theme="light"] .winpaisa-trending-meta {
	color: #64748B;
}

/* Buttons in Light Mode */
[data-theme="light"] .winpaisa-btn-unified.winpaisa-btn-get,
[data-theme="light"] .winpaisa-btn-unified.winpaisa-btn-get-small {
	background-color: #F1F5F9;
	color: #0F172A;
	border-color: #CBD5E1;
}

[data-theme="light"] .winpaisa-btn-unified.winpaisa-btn-get:hover,
[data-theme="light"] .winpaisa-btn-unified.winpaisa-btn-get-small:hover {
	background-color: var(--wp-brand-gold, #E5B842);
	color: #090C12 !important;
	border-color: var(--wp-brand-gold, #E5B842);
}

[data-theme="light"] .winpaisa-btn-secondary-action {
	background-color: #FFFFFF;
	border-color: #CBD5E1;
	color: #0F172A;
}

[data-theme="light"] .winpaisa-btn-secondary-action:hover {
	background-color: #F8FAFC;
	border-color: var(--wp-brand-gold, #E5B842);
	color: #B45309;
}

/* Hero Section in Single Game Page */
[data-theme="light"] .winpaisa-single-hero {
	background-color: #FFFFFF;
	border-bottom-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-developer-row {
	color: #64748B;
}

[data-theme="light"] .winpaisa-developer-row .dev-name {
	color: #334155;
}

[data-theme="light"] .winpaisa-hero-meta-grid {
	background-color: #F8FAFC;
	border-color: #E2E8F0;
}

[data-theme="light"] .meta-box .meta-label {
	color: #64748B;
}

[data-theme="light"] .meta-box .meta-value {
	color: #0F172A;
}

[data-theme="light"] .badge-tag.platform {
	background-color: #F1F5F9;
	color: #334155;
	border-color: #E2E8F0;
}

/* Single Game Content Cards */
[data-theme="light"] .winpaisa-content-card,
[data-theme="light"] .winpaisa-sidebar-card,
[data-theme="light"] .winpaisa-earning-spec-panel {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .winpaisa-prose {
	color: #334155;
}

[data-theme="light"] .winpaisa-prose p,
[data-theme="light"] .winpaisa-prose li {
	color: #334155;
}

[data-theme="light"] .winpaisa-prose h2,
[data-theme="light"] .winpaisa-prose h3,
[data-theme="light"] .winpaisa-prose h4 {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-pros-card,
[data-theme="light"] .winpaisa-cons-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
}

[data-theme="light"] .pros-cons-list li {
	color: #334155;
}

[data-theme="light"] .winpaisa-security-check-box {
	background-color: #F8FAFC;
	border-color: #E2E8F0;
	color: #334155;
}

[data-theme="light"] .winpaisa-security-check-box .security-desc {
	color: #64748B;
}

/* Technical Specification Table */
[data-theme="light"] .winpaisa-spec-table {
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-spec-row {
	border-bottom-color: #F1F5F9;
}

[data-theme="light"] .winpaisa-spec-label {
	color: #64748B;
}

[data-theme="light"] .winpaisa-spec-val {
	color: #0F172A;
}

/* Sticky Download Bar in Light Mode */
[data-theme="light"] .winpaisa-sticky-download-bar {
	background-color: rgba(255, 255, 255, 0.95);
	border-top-color: #E2E8F0;
	box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .winpaisa-sticky-title {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-sticky-ver {
	color: #64748B;
}

/* Blog & Editorial in Light Mode */
[data-theme="light"] .winpaisa-blog-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .winpaisa-blog-card:hover {
	border-color: #CBD5E1;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .winpaisa-blog-card__title,
[data-theme="light"] .winpaisa-blog-card__title a {
	color: #0F172A !important;
}

[data-theme="light"] .winpaisa-blog-card__excerpt {
	color: #475569;
}

[data-theme="light"] .winpaisa-blog-card__author {
	color: #64748B;
}

/* FAQ Accordion in Light Mode */
[data-theme="light"] .winpaisa-faq-item {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-faq-question {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-faq-answer {
	color: #334155;
}

[data-theme="light"] .winpaisa-faq-responsible-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-faq-responsible-card .card-title {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-faq-responsible-card .card-text {
	color: #475569;
}

/* Platform Ecosystem Panels in Light Mode */
[data-theme="light"] .winpaisa-platform-panel {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .winpaisa-platform-panel:hover {
	border-color: #CBD5E1;
}

[data-theme="light"] .plat-title {
	color: #0F172A !important;
}

[data-theme="light"] .plat-desc {
	color: #475569;
}

/* Categories in Light Mode */
[data-theme="light"] .winpaisa-category-card {
	background-color: #FFFFFF;
	border-color: #E2E8F0;
}

[data-theme="light"] .winpaisa-category-card:hover {
	border-color: #CBD5E1;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .cat-title {
	color: #0F172A !important;
}

[data-theme="light"] .cat-desc {
	color: #64748B;
}

/* Live Search Modal in Light Mode */
[data-theme="light"] .winpaisa-search-modal {
	background-color: #FFFFFF;
	border-color: #CBD5E1;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .winpaisa-search-input {
	background-color: #F8FAFC;
	color: #0F172A;
	border-color: #CBD5E1;
}

[data-theme="light"] .winpaisa-search-input::placeholder {
	color: #94A3B8;
}

[data-theme="light"] .winpaisa-search-result-item {
	border-bottom-color: #F1F5F9;
}

[data-theme="light"] .winpaisa-search-result-item:hover {
	background-color: #F8FAFC;
}

[data-theme="light"] .winpaisa-search-result-title {
	color: #0F172A;
}

[data-theme="light"] .winpaisa-search-result-cat {
	color: #64748B;
}

/* Keep Footer Dark & Sleek in Both Modes as Standard Visual Anchor */
[data-theme="light"] .winpaisa-site-footer {
	background-color: #0B0F19;
	border-top-color: #1E293B;
	color: #94A3B8;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-heading {
	color: #F8FAFC;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-links a {
	color: #94A3B8;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-links a:hover {
	color: #E5B842;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-responsible-box {
	background-color: #111827;
	border-color: #1F2937;
	color: #94A3B8;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-bottom {
	border-top-color: #1E293B;
	color: #64748B;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-legal-links a {
	color: #64748B;
}

[data-theme="light"] .winpaisa-site-footer .winpaisa-footer-legal-links a:hover {
	color: #CBD5E1;
}