/* =========================================================
   Fixerwo Panel — "Nova" dashboard skin
   Dark, glassy, teal-accented alternative to the classic skin.
   Everything here is scoped under [data-fxwp-skin="nova"] so it
   can never leak into the classic skin or the auth pages.
   ========================================================= */
@font-face {
    font-family: 'Dana Fanum';
    src: url('../fonts/dana-fanum-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Dana Fanum - DemiBold */
@font-face {
    font-family: 'Dana Fanum';
    src: url('../fonts/dana-fanum-demibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.fxwp-dashboard {
	display: flex;
	min-height: 640px;
	background: var(--fxwp-bg);
	border-radius: var(--fxwp-radius);
	overflow: hidden;
	box-shadow: var(--fxwp-shadow);
	position: relative;
}
body {
    font-family: var(--fxwp-font, 'Dana Fanum', sans-serif);
    font-weight: 400;
}

/* تیترها و متن‌های ضخیم */
h1, h2, h3, h4, h5, h6,
strong, b {
    font-weight: 600;
}
[data-fxwp-skin="nova"] {
	/* Re-point the shared design tokens every component already uses —
	   this alone re-themes cards, buttons, badges, inputs, tables, etc. */
	--fxwp-bg: var(--fxwp-nova-bg, #0B0D12);
	--fxwp-surface: var(--fxwp-nova-card, #15181F);
	--fxwp-surface-2: color-mix(in srgb, var(--fxwp-nova-card, #15181F) 88%, #ffffff 8%);
	--fxwp-border: rgba(255, 255, 255, 0.08);
	--fxwp-text: #F3F5F8;
	--fxwp-text-muted: #8A93A6;
	--fxwp-shadow: 0 10px 30px rgba(0, 0, 0, .45);
	--fxwp-shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);
	--fxwp-primary: var(--fxwp-nova-accent, #2DD9C6);
	--fxwp-secondary: #F5A623;
	--fxwp-success: var(--fxwp-nova-accent, #2DD9C6);
	--fxwp-warning: #F5A623;
	--fxwp-danger: #FF5C7C;
	--fxwp-radius: 20px;
	color-scheme: dark;
}

[data-fxwp-skin="nova"].fxwp-dashboard {
	background: var(--fxwp-bg);
	box-shadow: var(--fxwp-shadow-lg);
}
[data-fxwp-skin="nova"] .fxwp-main,
[data-fxwp-skin="nova"] .fxwp-content {
	background: var(--fxwp-bg);
}

/* Glassy ambient corner glow on every card — subtle, not literal photography */
[data-fxwp-skin="nova"] .fxwp-card,
[data-fxwp-skin="nova"] .fxwp-wallet-hero,
[data-fxwp-skin="nova"] .fxwp-referral-hero,
[data-fxwp-skin="nova"] .fxwp-chart-card {
	position: relative;
	overflow: hidden;
	background: var(--fxwp-surface);
	border-color: var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-stat-card {
	position: relative;
	overflow: hidden;
	/* Intentionally no background override here — stat cards keep their
	   own hardcoded gradients (.fxwp-stat-a … f), which already read fine
	   against a dark page background and shouldn't be flattened to plain
	   surface color. */
}
[data-fxwp-skin="nova"] .fxwp-card::before,
[data-fxwp-skin="nova"] .fxwp-chart-card::before {
	content: '';
	position: absolute;
	top: -60px;
	inset-inline-end: -60px;
	width: 160px;
	height: 160px;
	background: radial-gradient(circle, color-mix(in srgb, var(--fxwp-primary) 30%, transparent), transparent 70%);
	pointer-events: none;
}
[data-fxwp-skin="nova"] .fxwp-card-head h3 { color: var(--fxwp-text); font-weight: 700; }

/* ---------- Sidebar: icon-only rail on desktop ---------- */
[data-fxwp-skin="nova"] .fxwp-sidebar {
	background: var(--fxwp-surface);
	border-inline-end: 1px solid var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-sidebar-brand { border-bottom-color: var(--fxwp-border); }
[data-fxwp-skin="nova"] .fxwp-nav-item.fxwp-active {
	background: var(--fxwp-primary);
	color: #08211E;
	box-shadow: 0 8px 20px color-mix(in srgb, var(--fxwp-primary) 45%, transparent);
	font-weight: 700;
}
[data-fxwp-skin="nova"] .fxwp-nav-item:hover { background: var(--fxwp-surface-2); }
[data-fxwp-skin="nova"] .fxwp-sidebar-promo {
	background: linear-gradient(135deg, color-mix(in srgb, var(--fxwp-primary) 85%, black), color-mix(in srgb, var(--fxwp-primary) 55%, black));
	color: #08211E;
}
[data-fxwp-skin="nova"] .fxwp-sidebar-promo-label { color: rgba(8, 33, 30, .75); }

@media (min-width: 900px) {
	[data-fxwp-skin="nova"] .fxwp-sidebar {
		width: 88px;
		align-items: center;
		padding: 20px 12px;
	}
	[data-fxwp-skin="nova"] .fxwp-sidebar-brand { flex-direction: column; border-bottom: none; padding-bottom: 8px; }
	[data-fxwp-skin="nova"] .fxwp-sidebar-brand-info { display: none; }
	[data-fxwp-skin="nova"] .fxwp-sidebar-user-info,
	[data-fxwp-skin="nova"] .fxwp-nav-group-label,
	[data-fxwp-skin="nova"] .fxwp-nav-item > span:not(.fxwp-nav-icon),
	[data-fxwp-skin="nova"] .fxwp-sidebar-promo-label,
	[data-fxwp-skin="nova"] .fxwp-sidebar-promo-value {
		display: none;
	}
	/* .fxwp-nav-icon itself must stay visible — it's also a <span> and wraps
	   the actual inline-SVG icon; hiding it would leave empty nav buttons. */
	[data-fxwp-skin="nova"] .fxwp-nav-icon {
		display: flex;
		background: transparent;
	}
	[data-fxwp-skin="nova"] .fxwp-nav-item.fxwp-active .fxwp-nav-icon,
	[data-fxwp-skin="nova"] .fxwp-nav-item:hover .fxwp-nav-icon {
		background: transparent;
	}
	[data-fxwp-skin="nova"] .fxwp-sidebar-user { justify-content: center; padding: 0 0 14px; }
	[data-fxwp-skin="nova"] .fxwp-sidebar-nav { align-items: center; width: 100%; }
	[data-fxwp-skin="nova"] .fxwp-nav-item {
		width: 52px;
		height: 52px;
		justify-content: center;
		padding: 0;
		border-radius: 16px;
	}
	[data-fxwp-skin="nova"] .fxwp-nav-item .fxwp-nav-badge { position: absolute; top: 4px; inset-inline-end: 4px; margin: 0; }
	[data-fxwp-skin="nova"] .fxwp-nav-item-logout { border-top: none; padding-top: 0; margin-top: 6px; }
	[data-fxwp-skin="nova"] .fxwp-sidebar-promo {
		width: 52px;
		height: 52px;
		padding: 0;
		align-items: center;
		justify-content: center;
	}
}

/* ---------- Topbar ---------- */
[data-fxwp-skin="nova"] .fxwp-topbar {
	background: var(--fxwp-surface);
	border-bottom-color: var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-section-title { color: var(--fxwp-text); }
[data-fxwp-skin="nova"] .fxwp-icon-btn {
	background: var(--fxwp-surface-2);
	border-color: var(--fxwp-border);
	color: var(--fxwp-text);
}
[data-fxwp-skin="nova"] .fxwp-topbar-chip {
	background: var(--fxwp-surface-2);
	border-color: var(--fxwp-border);
	color: var(--fxwp-text);
}
[data-fxwp-skin="nova"] .fxwp-topbar-chip .fxwp-icon { color: var(--fxwp-primary); opacity: 1; }
[data-fxwp-skin="nova"] .fxwp-topbar-bonus-chip[data-cooldown="1"] {
	background: color-mix(in srgb, var(--fxwp-primary) 18%, transparent);
	color: var(--fxwp-primary);
}
[data-fxwp-skin="nova"] .fxwp-topbar-bonus-chip b { color: var(--fxwp-primary); }

/* ---------- Buttons & inputs ---------- */
[data-fxwp-skin="nova"] .fxwp-btn-primary {
	background: var(--fxwp-primary);
	color: #08211E;
	box-shadow: 0 8px 20px color-mix(in srgb, var(--fxwp-primary) 40%, transparent);
}
[data-fxwp-skin="nova"] .fxwp-btn-ghost {
	background: var(--fxwp-surface-2);
	border-color: var(--fxwp-border);
	color: var(--fxwp-text);
}
[data-fxwp-skin="nova"] .fxwp-input {
	background: var(--fxwp-surface-2);
	border-color: var(--fxwp-border);
	color: var(--fxwp-text);
}
[data-fxwp-skin="nova"] .fxwp-input:focus {
	border-color: var(--fxwp-primary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--fxwp-primary) 18%, transparent);
}

/* ---------- Tables & badges ---------- */
[data-fxwp-skin="nova"] .fxwp-table th,
[data-fxwp-skin="nova"] .fxwp-table td,
[data-fxwp-skin="nova"] .fxwp-mini-table td {
	border-bottom-color: var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-badge { background: var(--fxwp-surface-2); }
[data-fxwp-skin="nova"] .fxwp-mini-box { background: var(--fxwp-surface-2); }
[data-fxwp-skin="nova"] .fxwp-notif-list li { background: var(--fxwp-surface-2); }
[data-fxwp-skin="nova"] .fxwp-empty-state .fxwp-icon,
[data-fxwp-skin="nova"] .fxwp-empty { color: var(--fxwp-text-muted); }

/* ---------- Wallet / referral hero cards ---------- */
[data-fxwp-skin="nova"] .fxwp-wallet-hero,
[data-fxwp-skin="nova"] .fxwp-referral-hero {
	background: linear-gradient(135deg, color-mix(in srgb, var(--fxwp-primary) 30%, var(--fxwp-surface)), var(--fxwp-surface));
	border: 1px solid var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-wallet-hero { color: var(--fxwp-text); }
[data-fxwp-skin="nova"] .fxwp-wallet-hero-label { color: var(--fxwp-text-muted); }
[data-fxwp-skin="nova"] .fxwp-referral-link-box input { background: var(--fxwp-surface-2); border-color: var(--fxwp-border); color: var(--fxwp-text); }
[data-fxwp-skin="nova"] .fxwp-share-btn { background: var(--fxwp-surface-2); color: var(--fxwp-text); }
[data-fxwp-skin="nova"] #fxwp-qr-holder { background: #fff; }

/* ---------- Chart ---------- */
[data-fxwp-skin="nova"] .fxwp-chart-card { --fxwp-chart-line: var(--fxwp-primary); }
[data-fxwp-skin="nova"] .fxwp-chart-dot { fill: var(--fxwp-surface); }

/* ---------- Wishlist grid ---------- */
[data-fxwp-skin="nova"] .fxwp-wishlist-item {
	background: var(--fxwp-surface-2);
	border-color: var(--fxwp-border);
}
[data-fxwp-skin="nova"] .fxwp-wishlist-remove { background: var(--fxwp-surface); }

/* ---------- Auto dark-mode toggle: hide it in Nova (Nova IS the dark mode) ---------- */
[data-fxwp-skin="nova"] .fxwp-theme-toggle { display: none; }