/**
 * Pixerr unified theme tokens (light + dark).
 * Load after style.css + shared-layout.css so variables and surface rules override legacy rules.
 */

/* -------------------------------------------------------------------------- */
/* Light theme (default)                                                      */
/* -------------------------------------------------------------------------- */

:root {
	--pixerr-page-bg: #f7fbff;
	--pixerr-surface: #ffffff;
	--pixerr-card-gradient: linear-gradient(145deg, #ffffff, #f1f7ff);
	--pixerr-elevated: #ffffff;
	--pixerr-border: rgba(37, 99, 235, 0.16);
	--pixerr-border-strong: rgba(37, 99, 235, 0.32);
	--pixerr-text: #0f172a;
	--pixerr-text-muted: #475569;
	--pixerr-text-dim: #64748b;
	--pixerr-accent: #3b82f6;
	--pixerr-accent-strong: #2563eb;
	--pixerr-accent-soft: #eaf4ff;
	--pixerr-shadow-glow: 0 18px 50px rgba(37, 99, 235, 0.12);
	--pixerr-shadow-card: 0 10px 40px -12px rgba(15, 23, 42, 0.08), var(--pixerr-shadow-glow);
	--pixerr-shadow-navbar: 0 1px 0 rgba(37, 99, 235, 0.08);
	--pixerr-btn-gradient: linear-gradient(100deg, #2563eb 0%, #0ea5e9 48%, #38bdf8 100%);
	--pixerr-btn-gradient-hover: linear-gradient(100deg, #1d4ed8 0%, #0284c7 48%, #0ea5e9 100%);

	/* Bootstrap 5.3 bridge */
	--bs-body-bg: var(--pixerr-page-bg);
	--bs-body-color: var(--pixerr-text);
	--bs-secondary-color: var(--pixerr-text-muted);
	--bs-tertiary-color: var(--pixerr-text-dim);
	--bs-border-color: rgba(37, 99, 235, 0.14);
	--bs-card-bg: var(--pixerr-elevated);
	--bs-card-color: var(--pixerr-text);
	--bs-link-color: var(--pixerr-accent);
	--bs-link-hover-color: var(--pixerr-accent-strong);
	--bs-input-bg: #ffffff;
	--bs-input-color: var(--pixerr-text);
	--bs-input-border-color: var(--pixerr-border-strong);
	--bs-dropdown-bg: #ffffff;
	--bs-dropdown-color: var(--pixerr-text);
	--bs-dropdown-border-color: var(--pixerr-border);
	--bs-modal-bg: #ffffff;
	--bs-modal-color: var(--pixerr-text);
	--bs-modal-border-color: var(--pixerr-border);
	--bs-primary: #3b82f6;
	--bs-primary-rgb: 59, 130, 246;
}

/* -------------------------------------------------------------------------- */
/* Dark theme                                                                 */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] {
	--pixerr-page-bg: #05070a;
	--pixerr-surface: #070d18;
	--pixerr-card-gradient: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(5, 7, 10, 0.99));
	--pixerr-elevated: #0c111c;
	--pixerr-border: rgba(96, 165, 250, 0.22);
	--pixerr-border-strong: rgba(96, 165, 250, 0.45);
	--pixerr-text: #f8fafc;
	--pixerr-text-muted: #cbd5e1;
	--pixerr-text-dim: #94a3b8;
	--pixerr-accent: #60a5fa;
	--pixerr-accent-strong: #3b82f6;
	--pixerr-accent-soft: rgba(96, 165, 250, 0.12);
	--pixerr-shadow-glow: 0 22px 72px rgba(59, 130, 246, 0.22);
	--pixerr-shadow-card:
		0 0 0 1px rgba(59, 130, 246, 0.2),
		0 28px 64px -18px rgba(0, 0, 0, 0.58),
		0 0 64px rgba(37, 99, 235, 0.26);
	--pixerr-shadow-navbar: 0 1px 0 rgba(96, 165, 250, 0.12);
	--pixerr-btn-gradient: linear-gradient(100deg, #2563eb 0%, #0ea5e9 48%, #38bdf8 100%);
	--pixerr-btn-gradient-hover: linear-gradient(100deg, #1d4ed8 0%, #0284c7 48%, #0ea5e9 100%);

	--bs-body-bg: var(--pixerr-page-bg);
	--bs-body-color: var(--pixerr-text);
	--bs-secondary-color: var(--pixerr-text-muted);
	--bs-tertiary-color: var(--pixerr-text-dim);
	--bs-border-color: var(--pixerr-border-strong);
	--bs-card-bg: var(--pixerr-elevated);
	--bs-card-color: var(--pixerr-text);
	--bs-link-color: var(--pixerr-accent);
	--bs-link-hover-color: #ffffff;
	--bs-input-bg: var(--pixerr-elevated);
	--bs-input-color: var(--pixerr-text);
	--bs-input-border-color: var(--pixerr-border);
	--bs-dropdown-bg: var(--pixerr-surface);
	--bs-dropdown-color: var(--pixerr-text);
	--bs-dropdown-border-color: var(--pixerr-border);
	--bs-modal-bg: var(--pixerr-surface);
	--bs-modal-color: var(--pixerr-text);
	--bs-modal-border-color: var(--pixerr-border);
	--bs-primary: #60a5fa;
	--bs-primary-rgb: 96, 165, 250;
}

/* -------------------------------------------------------------------------- */
/* Page shell                                                                  */
/* -------------------------------------------------------------------------- */

html {
	background-color: var(--pixerr-page-bg);
}

body {
	background-color: var(--pixerr-page-bg);
	color: var(--pixerr-text);
}

body#mode-switch.dark-mode,
body.dark-mode {
	background-color: var(--pixerr-page-bg) !important;
	color: var(--pixerr-text) !important;
	--bs-body-color: var(--pixerr-text);
	--bs-body-bg: var(--pixerr-page-bg);
	--bs-secondary-color: var(--pixerr-text-muted);
	--bs-tertiary-color: var(--pixerr-text-dim);
	--bs-border-color: var(--pixerr-border-strong);
	--bs-card-bg: var(--pixerr-elevated);
	--bs-card-color: var(--pixerr-text);
	--bs-link-color: var(--pixerr-accent);
	--bs-link-hover-color: #ffffff;
	--bs-input-bg: var(--pixerr-elevated);
	--bs-input-color: var(--pixerr-text);
	--bs-input-border-color: var(--pixerr-border);
	--bs-dropdown-bg: var(--pixerr-surface);
	--bs-dropdown-color: var(--pixerr-text);
	--bs-dropdown-border-color: var(--pixerr-border);
	--bs-modal-bg: var(--pixerr-surface);
	--bs-modal-color: var(--pixerr-text);
	--bs-primary: #60a5fa;
	--bs-primary-rgb: 96, 165, 250;
}

.bg-body.dark-mode,
.dark-mode .bg-body {
	background-color: var(--pixerr-page-bg) !important;
}

.dark-mode .bg-white {
	background-color: var(--pixerr-surface) !important;
}

.dark-mode section.bg-white {
	background-color: var(--pixerr-surface) !important;
}

.dark-mode .card .bg-white {
	background-color: var(--pixerr-elevated) !important;
}

.dark-mode .bg-light {
	background-color: rgba(30, 41, 59, 0.65) !important;
}

.dark-mode .navbar-light.bg-white,
.dark-mode .navbar-light.bg-light,
.dark-mode .navbar-light.bg-transparent.nav-fixed {
	background-color: var(--pixerr-surface) !important;
}

.dark-mode .navbar-light .nav-link,
.dark-mode .navbar-light .nav-link:focus {
	color: var(--pixerr-text) !important;
}

.dark-mode .navbar-light .nav-link:hover,
.dark-mode .navbar-light .nav-link.active {
	color: #ffffff !important;
}

.dark-mode .navbar.nav-fixed,
.dark-mode .fixed-top.nav-scroll {
	box-shadow: var(--pixerr-shadow-navbar), 0 8px 24px rgba(0, 0, 0, 0.25);
}

/* -------------------------------------------------------------------------- */
/* Main navbar                                                                */
/* -------------------------------------------------------------------------- */

#HeaderBottom.navbar {
	background-color: var(--pixerr-surface) !important;
	border-bottom: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-navbar);
}

/* Dark: match header slab to page base so category stripe / body don’t read as a mismatched grey band */
html[data-bs-theme="dark"] #HeaderBottom.navbar,
body.dark-mode #HeaderBottom.navbar {
	background-color: var(--pixerr-page-bg) !important;
}

#HeaderBottom .nav-link.text-dark,
#HeaderBottom .nav-link.fw-medium.text-dark {
	color: var(--pixerr-text) !important;
}

#HeaderBottom .nav-link.text-dark:hover,
#HeaderBottom .navbar-nav .nav-link:hover {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] #HeaderBottom .navbar-toggler .icon-bar,
body.dark-mode #HeaderBottom .navbar-toggler .icon-bar {
	background-color: var(--pixerr-text);
}

/* Desktop header: one row, no “second slab” under nav links; search matches bar */
@media (min-width: 992px) {
	#HeaderBottom .navbar-collapse {
		flex-wrap: nowrap !important;
		align-items: center !important;
		background-color: transparent !important;
	}

	/* Combo sits on nav surface — avoid body-bg pill that reads as a stray gray bar */
	#HeaderBottom .search-input-combo,
	#HeaderBottom .input-group.search-input-combo {
		background-color: var(--pixerr-elevated) !important;
		border: 1px solid var(--pixerr-border) !important;
		box-shadow: none !important;
	}

	html[data-bs-theme="dark"] #HeaderBottom .search-input-combo,
	html[data-bs-theme="dark"] #HeaderBottom .input-group.search-input-combo,
	body.dark-mode #HeaderBottom .search-input-combo,
	body.dark-mode #HeaderBottom .input-group.search-input-combo {
		background-color: rgba(17, 24, 39, 0.92) !important;
		border-color: var(--pixerr-border) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Primary / gradient buttons                                                 */
/* -------------------------------------------------------------------------- */

.btn-primary,
.btn-primary:focus {
	color: #f8fafc !important;
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
	/* Outer shadow only: inset + border-radius caused vertical edge seams in Chromium */
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	isolation: isolate;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-primary:hover,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle,
.btn-primary.active {
	color: #ffffff !important;
	background: var(--pixerr-btn-gradient-hover) !important;
	border-color: transparent !important;
	box-shadow: 0 8px 26px rgba(37, 99, 235, 0.45);
	transform: translate3d(0, -1px, 0);
}

.btn-primary:focus-visible {
	outline: 2px solid rgba(147, 197, 253, 0.95);
	outline-offset: 3px;
}

.btn-primary.disabled,
.btn-primary:disabled {
	opacity: 0.72 !important;
	transform: none;
	box-shadow: none;
}

.btn-gradient-primary,
.btn-gradient-primary:focus,
.btn-gradient-primary.active {
	color: #f8fafc !important;
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	isolation: isolate;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-gradient-primary:hover,
.btn-gradient-primary:active {
	color: #ffffff !important;
	background: var(--pixerr-btn-gradient-hover) !important;
	box-shadow: 0 8px 26px rgba(37, 99, 235, 0.42);
	transform: translate3d(0, -1px, 0);
}

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	color: var(--pixerr-accent-strong) !important;
	border-color: var(--pixerr-accent-strong) !important;
	background-color: transparent !important;
}

.btn-outline-primary:hover,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary.active {
	color: #f8fafc !important;
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	isolation: isolate;
	transform: translate3d(0, -1px, 0);
}

.btn-primary-light,
.btn-primary-light:focus {
	color: var(--pixerr-accent-strong) !important;
	background-color: var(--pixerr-accent-soft) !important;
	border-color: var(--pixerr-accent-soft) !important;
}

.btn-primary-light:hover,
.btn-primary-light:active,
.show > .btn-primary-light.dropdown-toggle,
.btn-primary-light.active {
	color: #f8fafc !important;
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
}

/* -------------------------------------------------------------------------- */
/* Modals & dropdowns                                                         */
/* -------------------------------------------------------------------------- */

.modal-content {
	background-color: var(--bs-modal-bg);
	color: var(--bs-modal-color);
	border-color: var(--bs-modal-border-color);
}

.dropdown-menu {
	background-color: var(--bs-dropdown-bg);
	color: var(--bs-dropdown-color);
	border-color: var(--bs-dropdown-border-color);
}

.card {
	background-color: var(--bs-card-bg);
	color: var(--bs-card-color);
	border-color: var(--bs-border-color);
}

.form-control,
.form-select {
	background-color: var(--bs-input-bg);
	color: var(--bs-input-color);
	border-color: var(--bs-input-border-color);
}

/* -------------------------------------------------------------------------- */
/* Index: premium feature cards                                               */
/* -------------------------------------------------------------------------- */

.landing-premium-features {
	--landing-premium-accent: var(--pixerr-accent);
	--landing-premium-accent-strong: var(--pixerr-accent-strong);
	--landing-premium-text: var(--pixerr-text);
	--landing-premium-text-secondary: var(--pixerr-text-muted);
	background: linear-gradient(180deg, var(--pixerr-page-bg) 0%, rgba(241, 247, 255, 0.85) 45%, var(--pixerr-page-bg) 100%);
	margin-top: clamp(1.75rem, 4vw, 3rem);
	padding-top: clamp(2rem, 5vw, 3.5rem);
	padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

/* Nested under “What is Pixerr”: avoid stacking too much vertical rhythm on the heading block */
.section.md .container > .landing-premium-features {
	margin-top: clamp(0.75rem, 2.5vw, 1.75rem);
	padding-top: clamp(1.25rem, 4vw, 2.75rem);
	padding-bottom: clamp(1.25rem, 4vw, 2.75rem);
}

.landing-premium-features > .container > .d-flex.flex-column {
	gap: clamp(2.25rem, 5vw, 3.75rem) !important;
}

html[data-bs-theme="dark"] .landing-premium-features,
body.dark-mode .landing-premium-features {
	background: linear-gradient(180deg, var(--pixerr-page-bg) 0%, rgba(11, 18, 32, 0.65) 50%, var(--pixerr-page-bg) 100%);
}

.landing-premium-feature-card {
	max-width: 1100px;
	padding: clamp(1.75rem, 4vw, 3rem);
	border-radius: 1.75rem;
	background: var(--pixerr-card-gradient);
	border: 1px solid var(--pixerr-border-strong);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .landing-premium-feature-card,
body.dark-mode .landing-premium-feature-card {
	background: linear-gradient(
		155deg,
		rgba(15, 23, 42, 0.92) 0%,
		rgba(5, 7, 10, 0.97) 42%,
		rgba(17, 28, 48, 0.94) 100%
	);
	border: 1px solid var(--pixerr-border-strong);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.22),
		0 28px 64px -18px rgba(0, 0, 0, 0.58),
		0 0 56px rgba(37, 99, 235, 0.28),
		0 0 96px rgba(14, 165, 233, 0.08);
}

.landing-premium-feature-pill {
	display: inline-block;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	color: var(--landing-premium-accent-strong);
	background: var(--pixerr-accent-soft);
	border: 1px solid var(--pixerr-border-strong);
	margin-bottom: 0.75rem;
}

html[data-bs-theme="dark"] .landing-premium-feature-pill,
body.dark-mode .landing-premium-feature-pill {
	color: var(--landing-premium-accent);
	background: rgba(14, 165, 233, 0.12);
	border: 1px solid rgba(56, 189, 248, 0.28);
}

/* Center copy with visuals: row align-items-center only aligns columns, not inner blocks */
.landing-premium-feature-card .row.align-items-center > [class*="col-"] {
	display: flex;
	align-items: center;
}

.landing-premium-feature-card .landing-premium-feature-visual,
.landing-premium-feature-card .landing-premium-feature-copy {
	width: 100%;
}

.landing-premium-feature-title {
	color: var(--landing-premium-text);
	line-height: 1.2;
	letter-spacing: -0.02em;
	margin-bottom: 0.35rem;
}

.landing-premium-feature-title-accent {
	background: linear-gradient(90deg, var(--pixerr-accent-strong), var(--pixerr-accent));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

html[data-bs-theme="dark"] .landing-premium-feature-title-accent,
body.dark-mode .landing-premium-feature-title-accent {
	filter: drop-shadow(0 0 18px rgba(56, 189, 248, 0.42)) drop-shadow(0 0 40px rgba(59, 130, 246, 0.2));
}

.landing-premium-feature-lead {
	font-size: 1.05rem;
	line-height: 1.55;
	color: var(--landing-premium-text-secondary);
	max-width: 36rem;
	margin-top: 0.25rem;
}

.landing-premium-feature-list {
	font-size: 1.05rem;
	line-height: 1.45;
	color: var(--landing-premium-text);
	margin-top: 0.35rem;
}

.landing-premium-feature-list-item + .landing-premium-feature-list-item {
	margin-top: 0.85rem;
}

.landing-premium-feature-check {
	color: var(--pixerr-accent-strong);
	font-size: 1.15rem;
	line-height: 1;
	filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.35));
}

html[data-bs-theme="dark"] .landing-premium-feature-check,
body.dark-mode .landing-premium-feature-check {
	color: var(--pixerr-accent);
	filter: drop-shadow(0 0 10px rgba(13, 110, 253, 0.45));
}

.landing-premium-feature-cta {
	font-weight: 600;
	padding-left: 1.65rem;
	padding-right: 1.65rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #f8fafc !important;
	border: none;
	background: var(--pixerr-btn-gradient) !important;
	box-shadow:
		0 4px 16px rgba(37, 99, 235, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	isolation: isolate;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.landing-premium-feature-cta:hover,
.landing-premium-feature-cta:focus-visible {
	color: #ffffff !important;
	background: var(--pixerr-btn-gradient-hover) !important;
	box-shadow:
		0 8px 28px rgba(37, 99, 235, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
	transform: translate3d(0, -2px, 0);
}

html[data-bs-theme="dark"] .landing-premium-feature-cta:hover,
html[data-bs-theme="dark"] .landing-premium-feature-cta:focus-visible,
body.dark-mode .landing-premium-feature-cta:hover,
body.dark-mode .landing-premium-feature-cta:focus-visible {
	box-shadow:
		0 10px 36px rgba(37, 99, 235, 0.62),
		0 0 52px rgba(56, 189, 248, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.landing-premium-feature-cta:focus-visible {
	outline: 2px solid rgba(147, 197, 253, 0.95);
	outline-offset: 3px;
}

.landing-premium-feature-cta .bi {
	font-size: 1.1rem;
}

.landing-premium-feature-visual {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	position: relative;
}

.landing-premium-feature-visual--flip {
	flex-direction: row-reverse;
}

.landing-premium-feature-visual-dots {
	width: 44px;
	min-height: 180px;
	border-radius: 0.5rem;
	flex-shrink: 0;
	opacity: 0.45;
	background-image: radial-gradient(rgba(100, 116, 139, 0.45) 1.2px, transparent 1.2px);
	background-size: 11px 11px;
}

@media (max-width: 575.98px) {
	.landing-premium-feature-visual-dots {
		display: none;
	}
}

.landing-premium-feature-visual-frame {
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	aspect-ratio: 16 / 11;
	border-radius: 1.35rem;
	overflow: hidden;
	background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);
	border: 1px solid var(--pixerr-border-strong);
	box-shadow: 0 10px 36px -14px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-bs-theme="dark"] .landing-premium-feature-visual-frame,
body.dark-mode .landing-premium-feature-visual-frame {
	background: linear-gradient(145deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%);
	border: 1px solid rgba(96, 165, 250, 0.28);
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.35),
		0 0 36px rgba(37, 99, 235, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.landing-premium-feature-visual-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}

.landing-premium-feature-visual-fallback {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	color: var(--pixerr-text-dim);
	text-align: center;
	padding: 1.25rem;
}

.landing-premium-feature-visual-fallback-icon {
	font-size: 2.75rem;
	opacity: 0.85;
	color: var(--landing-premium-accent);
}

.landing-premium-feature-visual-fallback-label {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pixerr-text-muted);
}

.landing-premium-feature-copy {
	text-align: left;
}

@media (max-width: 991.98px) {
	.landing-premium-feature-card .row.align-items-center > [class*="col-"] {
		display: block;
	}

	.landing-premium-feature-copy {
		text-align: center;
	}

	.landing-premium-feature-lead {
		margin-left: auto;
		margin-right: auto;
	}

	.landing-premium-feature-list {
		display: inline-block;
		text-align: left;
	}

	.landing-premium-feature-card .mt-4.pt-1 {
		text-align: center;
	}
}

/* -------------------------------------------------------------------------- */
/* Promo / “What is Pixerr”                                                   */
/* -------------------------------------------------------------------------- */

.promo-box {
	background-color: var(--pixerr-elevated);
	color: var(--pixerr-text);
	border: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .promo-box,
body.dark-mode .promo-box {
	background: linear-gradient(
		155deg,
		rgba(15, 23, 42, 0.9) 0%,
		rgba(5, 7, 10, 0.95) 45%,
		rgba(12, 18, 32, 0.92) 100%
	);
	border-color: var(--pixerr-border-strong);
	color: var(--pixerr-text);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.14),
		0 22px 52px -16px rgba(0, 0, 0, 0.55),
		0 0 44px rgba(37, 99, 235, 0.16);
}

.promo-center .box-title {
	color: var(--pixerr-text);
}

.promo-center .small,
.promo-box .small {
	color: var(--pixerr-text-muted);
	font-size: 0.95rem;
	line-height: 1.45;
}

html[data-bs-theme="dark"] .promo-center .small,
html[data-bs-theme="dark"] .promo-box .small,
body.dark-mode .promo-center .small,
body.dark-mode .promo-box .small {
	color: var(--pixerr-text-muted);
}

.promo-icon.text-primary {
	color: var(--pixerr-accent) !important;
}

/* Search suggest text (inherits from container) */
html[data-bs-theme="dark"] .search-suggest-title,
html[data-bs-theme="dark"] .search-suggest-heading,
body.dark-mode .search-suggest-title,
body.dark-mode .search-suggest-heading {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .search-suggest-item a,
body.dark-mode .search-suggest-item a {
	color: var(--pixerr-text);
}

/* Mobile nav collapse dropdown (max-width: 991px) */
@media only screen and (max-width: 991px) {
	html[data-bs-theme="dark"] .navbar-expand-lg .dropdown-menu,
	html[data-bs-theme="dark"] .navbar-expand-lg .navbar-collapse .dropdown-menu,
	body.dark-mode .navbar-expand-lg .dropdown-menu,
	body.dark-mode .navbar-expand-lg .navbar-collapse .dropdown-menu {
		background-color: var(--pixerr-elevated) !important;
		border-color: var(--pixerr-border) !important;
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), var(--pixerr-shadow-glow) !important;
	}

	html[data-bs-theme="dark"] .navbar-expand-lg .dropdown-menu .dropdown-item,
	body.dark-mode .navbar-expand-lg .dropdown-menu .dropdown-item {
		color: var(--pixerr-text) !important;
	}

	.navbar-expand-lg .navbar-collapse .dropdown-menu {
		background-color: var(--pixerr-surface) !important;
		border: 1px solid var(--pixerr-border) !important;
		box-shadow: var(--pixerr-shadow-card) !important;
	}

	.navbar-expand-lg .dropdown-menu .dropdown-item {
		color: var(--pixerr-text-muted) !important;
	}

	html[data-bs-theme="light"] .navbar-expand-lg .dropdown-menu .dropdown-item {
		color: var(--pixerr-text) !important;
	}

	.dark-mode .navbar-expand-lg.mobile-white-nav {
		background-color: var(--pixerr-surface) !important;
	}

	.dark-mode .navbar-expand-lg.mobile-light-nav {
		background-color: var(--pixerr-elevated) !important;
	}

	.navbar-expand-lg.mobile-inverse-nav {
		background-color: var(--pixerr-page-bg) !important;
	}
}

/* Token top-up reassurance (checkout) */
.token-top-up-reassurance-title {
	color: var(--pixerr-text);
}

.token-top-up-reassurance-body {
	color: var(--pixerr-text-muted);
}

/* -------------------------------------------------------------------------- */
/* Homepage: “Discover community” strip + Studio test-drive                 */
/* -------------------------------------------------------------------------- */

.home-discover-cta-strip {
	width: 100%;
	box-sizing: border-box;
	padding: 1.35rem clamp(1rem, 3.5vw, 2rem);
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(100deg, #eef4ff 0%, #dbeafe 42%, #e0f2fe 100%);
	border-top: 1px solid var(--pixerr-border);
	border-bottom: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-card);
}

/* Full-width strip (dark): deep navy wash + subtle blue rim (darker than prior bright wash) */
html[data-bs-theme="dark"] .home-discover-cta-strip,
body.dark-mode .home-discover-cta-strip {
	background: linear-gradient(
		102deg,
		#020617 0%,
		#0a0f1a 35%,
		#0f172a 55%,
		#0c1929 78%,
		#020617 100%
	);
	border-top: 1px solid rgba(59, 130, 246, 0.18);
	border-bottom: 1px solid rgba(2, 6, 23, 0.95);
	box-shadow:
		0 0 0 1px rgba(30, 58, 138, 0.35),
		inset 0 1px 0 rgba(96, 165, 250, 0.06);
}

.home-discover-cta-strip__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 3vw, 1.75rem);
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.home-discover-cta-strip__icon {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: var(--pixerr-accent-soft);
	border: 1px solid var(--pixerr-border);
	color: var(--pixerr-accent-strong);
	font-size: 1.6rem;
	flex-shrink: 0;
}

html[data-bs-theme="dark"] .home-discover-cta-strip__icon,
body.dark-mode .home-discover-cta-strip__icon {
	color: #f0f9ff;
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(8px);
}

.home-discover-cta-strip__copy {
	flex: 1 1 260px;
	color: var(--pixerr-text);
	font-size: clamp(1.05rem, 2.1vw, 1.35rem);
	font-weight: 500;
	line-height: 1.4;
}

.home-discover-cta-strip__copy strong {
	font-weight: 600;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .home-discover-cta-strip__copy,
body.dark-mode .home-discover-cta-strip__copy {
	color: #f8fafc;
	text-shadow: 0 1px 2px rgba(2, 6, 23, 0.45);
}

html[data-bs-theme="dark"] .home-discover-cta-strip__copy strong,
body.dark-mode .home-discover-cta-strip__copy strong {
	color: #ffffff;
}

/* Strip CTA: dark pill, blue accent — same theme family as premium cards, not bright gradient */
.home-discover-cta-strip__btn {
	font-weight: 600;
	padding-left: 1.35rem;
	padding-right: 1.35rem;
	border: 1px solid rgba(37, 99, 235, 0.55);
	background: linear-gradient(100deg, #0f172a 0%, #1e293b 45%, #172554 100%);
	color: #f8fafc !important;
	box-shadow:
		0 2px 12px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	isolation: isolate;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.home-discover-cta-strip__btn:hover,
.home-discover-cta-strip__btn:focus-visible {
	color: #ffffff !important;
	border-color: rgba(147, 197, 253, 0.55);
	background: linear-gradient(100deg, #172554 0%, #1e3a8a 45%, #1d4ed8 100%);
	box-shadow:
		0 4px 20px rgba(0, 0, 0, 0.5),
		0 0 28px rgba(59, 130, 246, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	transform: translate3d(0, -1px, 0);
}

.home-discover-cta-strip__btn:focus-visible {
	outline: 2px solid rgba(147, 197, 253, 0.85);
	outline-offset: 3px;
}

html[data-bs-theme="light"] .home-discover-cta-strip__btn {
	background: linear-gradient(100deg, #1e3a8a 0%, #1d4ed8 100%);
	border-color: rgba(30, 64, 175, 0.65);
	color: #ffffff !important;
}

/* Homepage: Studio subsection labels (replaces Bootstrap text-secondary on dark) */
.home-studio-subheading {
	color: var(--pixerr-text-muted);
	font-weight: 600;
	font-size: 1rem;
}

/* Homepage: free generations pill */
.rate-limit-banner {
	background: rgba(255, 255, 255, 0.96);
	color: var(--pixerr-text);
	border: 1px solid var(--pixerr-border-strong);
	box-shadow: var(--pixerr-shadow-card);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

html[data-bs-theme="dark"] .rate-limit-banner,
body.dark-mode .rate-limit-banner {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(8, 12, 24, 0.98) 100%);
	color: var(--pixerr-text);
	border: 1px solid rgba(96, 165, 250, 0.35);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.15),
		0 8px 28px rgba(0, 0, 0, 0.35);
}

.rate-limit-banner:hover {
	transform: translateY(-1px);
	box-shadow: var(--pixerr-shadow-card);
}

.rate-limit-banner.limit-reached {
	background: rgba(185, 28, 28, 0.12) !important;
	color: var(--pixerr-text) !important;
	border-color: rgba(248, 113, 113, 0.55) !important;
}

html[data-bs-theme="dark"] .rate-limit-banner.limit-reached,
body.dark-mode .rate-limit-banner.limit-reached {
	background: rgba(127, 29, 29, 0.45) !important;
	color: #fef2f2 !important;
	border-color: rgba(252, 165, 165, 0.45) !important;
}

/* How Pixerr Works — elevate cards off flat grey */
html[data-bs-theme="dark"] .home-section-how .card.shadow,
body.dark-mode .home-section-how .card.shadow {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.94) 0%, rgba(7, 10, 20, 0.98) 100%);
	border: 1px solid var(--pixerr-border-strong) !important;
	border-radius: 1.15rem;
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.12),
		0 18px 44px -14px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .home-section-how .card-title,
body.dark-mode .home-section-how .card-title {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .home-section-how .card-text,
body.dark-mode .home-section-how .card-text {
	color: var(--pixerr-text-muted);
}

/* Buy-mode upload drop panel */
html[data-bs-theme="dark"] .home-upload-panel,
body.dark-mode .home-upload-panel {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.92) 0%, rgba(5, 7, 10, 0.96) 100%) !important;
	border: 1px solid var(--pixerr-border-strong) !important;
	box-shadow: var(--pixerr-shadow-card) !important;
}

html[data-bs-theme="dark"] .home-upload-panel .card-body,
body.dark-mode .home-upload-panel .card-body {
	color: var(--pixerr-text);
}

/* Public shop browse (home + /Shops) */
html[data-bs-theme="dark"] .public-shops-browse-toolbar,
body.dark-mode .public-shops-browse-toolbar {
	padding: 1rem 1.15rem;
	border-radius: 1rem;
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.92) 0%, rgba(5, 7, 10, 0.96) 100%);
	border: 1px solid var(--pixerr-border-strong);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .public-shops-browse-toolbar .form-label,
body.dark-mode .public-shops-browse-toolbar .form-label {
	color: var(--pixerr-text-muted);
}

html[data-bs-theme="dark"] #public-shops-grid .card.shadow,
body.dark-mode #public-shops-grid .card.shadow {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 10, 18, 0.97) 100%);
	border: 1px solid var(--pixerr-border-strong) !important;
	border-radius: 1rem;
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.1),
		0 16px 40px -12px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .public-shops-empty-state,
body.dark-mode .public-shops-empty-state {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(8, 12, 22, 0.97) 100%) !important;
	border-color: var(--pixerr-border-strong) !important;
	color: var(--pixerr-text);
	box-shadow: var(--pixerr-shadow-card);
}

.public-shops-empty-state__title,
html[data-bs-theme="dark"] .public-shops-empty-state__title,
body.dark-mode .public-shops-empty-state__title {
	color: var(--pixerr-text);
}

.public-shops-empty-state__body,
html[data-bs-theme="dark"] .public-shops-empty-state__body,
body.dark-mode .public-shops-empty-state__body {
	color: var(--pixerr-text-muted);
}

.public-shops-browse-endnote {
	color: var(--pixerr-text-muted);
}

html[data-bs-theme="dark"] .public-shops-browse-endnote,
body.dark-mode .public-shops-browse-endnote {
	color: var(--pixerr-text-muted) !important;
}

/* Textarea + headings: win over page-local JS !important (Index injects prompt colors) */
.test-drive-input-container #aiPromptTextarea {
	background-color: var(--bs-input-bg) !important;
	color: var(--pixerr-text) !important;
	border: 1px solid var(--pixerr-border-strong) !important;
	border-radius: 12px;
}

html[data-bs-theme="dark"] .test-drive-input-container #aiPromptTextarea,
body.dark-mode .test-drive-input-container #aiPromptTextarea {
	background-color: var(--pixerr-surface) !important;
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border-strong) !important;
}

#test-drive-section h2 {
	color: var(--pixerr-text);
}

#test-drive-section .home-test-drive-sub {
	color: var(--pixerr-text-muted);
	font-weight: 500;
}

/* -------------------------------------------------------------------------- */
/* Homepage: generated / anonymous image gallery (Index #test-drive-section) */
/* -------------------------------------------------------------------------- */

.home-generated-gallery-subtitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--pixerr-text-muted);
	margin-bottom: 0.75rem;
	text-decoration: none;
	cursor: default;
	border: none;
	background: none;
	padding: 0;
}

#test-drive-section #currentGenerationContainer .generated-image-wrapper {
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-card);
}

#generatedImageContainer .pixerr-anon-image-card,
#test-drive-section .pixerr-anon-image-card {
	border: 1px solid var(--pixerr-border);
	border-radius: 16px;
	background: var(--pixerr-card-gradient);
	box-shadow: var(--pixerr-shadow-card);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#generatedImageContainer .pixerr-anon-image-card:hover,
#test-drive-section .pixerr-anon-image-card:hover {
	border-color: var(--pixerr-border-strong);
	box-shadow:
		0 0 0 1px rgba(var(--bs-primary-rgb), 0.14),
		var(--pixerr-shadow-card);
}

#generatedImageContainer .pixerr-anon-image-card .card-body,
#test-drive-section .pixerr-anon-image-card .card-body {
	background: transparent;
	color: var(--pixerr-text);
	padding: 1rem 1.1rem 1.15rem;
}

.pixerr-anon-card-prompt {
	color: var(--pixerr-text-muted) !important;
	font-style: italic;
	font-size: 0.95rem;
	line-height: 1.45;
	margin-bottom: 0.4rem;
}

.pixerr-anon-card-date {
	color: var(--pixerr-text-dim) !important;
	font-size: 0.8125rem;
	line-height: 1.35;
	margin-bottom: 0;
}

/* Share / secondary actions: theme-neutral outlines (avoid Bootstrap green) */
#generatedImageContainer .pixerr-anon-image-card .btn-outline-secondary,
#test-drive-section .pixerr-anon-image-card .btn-outline-secondary {
	color: var(--pixerr-text);
	border-color: var(--pixerr-border-strong);
}

#generatedImageContainer .pixerr-anon-image-card .btn-outline-secondary:hover,
#test-drive-section .pixerr-anon-image-card .btn-outline-secondary:hover {
	color: var(--pixerr-text);
	background-color: var(--pixerr-accent-soft);
	border-color: var(--pixerr-accent);
}

/* Monetize callout (was yellow “alert-warning”) — neutral panel per UI rules */
.home-monetize-callout {
	color: var(--pixerr-text);
	border-color: var(--pixerr-border) !important;
}

.home-monetize-callout .home-monetize-callout-icon {
	font-size: 1.5rem;
	color: var(--pixerr-accent);
	opacity: 0.9;
}

.home-monetize-callout .home-monetize-callout-title {
	color: var(--pixerr-text);
	font-size: 1.15rem;
}

.home-monetize-callout .home-monetize-callout-body {
	color: var(--pixerr-text-muted);
	font-size: 1rem;
	line-height: 1.45;
}

html[data-bs-theme="dark"] .home-monetize-callout.alert-light,
body.dark-mode .home-monetize-callout.alert-light {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(8, 12, 22, 0.97) 100%) !important;
	border-color: var(--pixerr-border-strong) !important;
	box-shadow: var(--pixerr-shadow-card);
	color: var(--pixerr-text);
}

/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */

.dark-mode .footer-wrapper.bg-n100,
.dark-mode .footer-widget-area.bg-n100,
html[data-bs-theme="dark"] .footer-wrapper.bg-n100,
html[data-bs-theme="dark"] .footer-widget-area.bg-n100 {
	background-color: var(--pixerr-page-bg) !important;
	border-top: 1px solid var(--pixerr-border);
}

.dark-mode .footer-text-color,
html[data-bs-theme="dark"] .footer-text-color {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="light"] .footer-wrapper .footer-text-color {
	color: rgba(248, 250, 252, 0.88) !important;
}

/* -------------------------------------------------------------------------- */
/* Lists, breadcrumbs, input groups (shared pages)                            */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] .list-group-item,
body.dark-mode .list-group-item {
	background-color: var(--pixerr-surface);
	color: var(--pixerr-text);
	border-color: var(--pixerr-border);
}

html[data-bs-theme="dark"] .breadcrumb,
body.dark-mode .breadcrumb {
	/* Keep flush with page chrome — a filled breadcrumb bar reads as a stray “pill” on shop + product pages */
	background-color: transparent;
}

html[data-bs-theme="dark"] .breadcrumb-item,
body.dark-mode .breadcrumb-item {
	color: var(--pixerr-text-muted);
}

html[data-bs-theme="dark"] .input-group-text,
body.dark-mode .input-group-text {
	background-color: var(--pixerr-elevated);
	color: var(--pixerr-text);
	border-color: var(--pixerr-border);
}

/* -------------------------------------------------------------------------- */
/* Category chips (ProductChips) — align with data-bs-theme + premium dark   */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] .product-chips-bar,
body.dark-mode .product-chips-bar {
	background: linear-gradient(180deg, var(--pixerr-page-bg) 0%, rgba(15, 23, 42, 0.55) 100%);
	box-shadow: 0 1px 0 rgba(96, 165, 250, 0.12);
	border-bottom: 1px solid rgba(96, 165, 250, 0.12);
}

html[data-bs-theme="dark"] .product-chip,
body.dark-mode .product-chip {
	background: rgba(15, 23, 42, 0.88);
	color: var(--pixerr-text);
	border: 1px solid rgba(96, 165, 250, 0.14);
}

html[data-bs-theme="dark"] .product-chip:hover,
body.dark-mode .product-chip:hover {
	background: rgba(30, 41, 59, 0.95);
	border-color: rgba(96, 165, 250, 0.32);
}

html[data-bs-theme="dark"] .product-chip-active,
body.dark-mode .product-chip-active {
	background: linear-gradient(100deg, #1e3a8a 0%, #1d4ed8 55%, #0369a1 100%);
	color: #f8fafc;
	border-color: rgba(147, 197, 253, 0.45);
	box-shadow: 0 0 22px rgba(37, 99, 235, 0.28);
}

html[data-bs-theme="dark"] .product-chip-active:hover,
body.dark-mode .product-chip-active:hover {
	color: #ffffff;
	background: linear-gradient(100deg, #2563eb 0%, #1d4ed8 55%, #0369a1 100%);
	border-color: rgba(186, 230, 253, 0.55);
}

html[data-bs-theme="dark"] .category-stripe-btn,
body.dark-mode .category-stripe-btn {
	background: rgba(15, 23, 42, 0.92);
	border-color: rgba(96, 165, 250, 0.22);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .category-stripe-btn:hover,
body.dark-mode .category-stripe-btn:hover {
	background: rgba(30, 41, 59, 0.98);
	border-color: rgba(147, 197, 253, 0.35);
}

/* -------------------------------------------------------------------------- */
/* Homepage gallery row — price / type pills (less neon than raw bg-primary) */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] .public-gallery-card .price-pill.badge.bg-primary,
html[data-bs-theme="dark"] .homepage-store-row .price-pill.badge.bg-primary,
html[data-bs-theme="dark"] .shop-render-target-inner .public-gallery-card .image-price-badge .badge.bg-primary,
html[data-bs-theme="dark"] .shop-render-target-inner .public-product-card .image-price-badge .badge.bg-primary,
body.dark-mode .public-gallery-card .price-pill.badge.bg-primary,
body.dark-mode .homepage-store-row .price-pill.badge.bg-primary,
body.dark-mode .shop-render-target-inner .public-gallery-card .image-price-badge .badge.bg-primary,
body.dark-mode .shop-render-target-inner .public-product-card .image-price-badge .badge.bg-primary {
	background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%) !important;
	color: #f8fafc !important;
	border: 1px solid rgba(147, 197, 253, 0.35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

html[data-bs-theme="dark"] .public-gallery-card .badge.bg-dark,
body.dark-mode .public-gallery-card .badge.bg-dark {
	background: rgba(15, 23, 42, 0.92) !important;
	border: 1px solid rgba(148, 163, 184, 0.28);
	color: #f1f5f9 !important;
}

/* -------------------------------------------------------------------------- */
/* Public shop (Shops.cshtml — .shop-render-target-inner holds product grid) */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] .shop-store-breadcrumb-nav .shop-breadcrumbs,
body.dark-mode .shop-store-breadcrumb-nav .shop-breadcrumbs {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding-left: 0;
	padding-right: 0;
}

/* Cards live under #renderTarget .shop-render-target-inner — NOT inside .shop-storefront-shell */
html[data-bs-theme="dark"] .shop-render-target-inner .public-product-card.card,
html[data-bs-theme="dark"] .shop-render-target-inner .public-gallery-card.card,
body.dark-mode .shop-render-target-inner .public-product-card.card,
body.dark-mode .shop-render-target-inner .public-gallery-card.card {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.18) !important;
	color: var(--pixerr-text) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 18px 44px -20px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .shop-render-target-inner .public-product-card .image-container,
html[data-bs-theme="dark"] .shop-render-target-inner .public-gallery-card .image-container,
body.dark-mode .shop-render-target-inner .public-product-card .image-container,
body.dark-mode .shop-render-target-inner .public-gallery-card .image-container {
	background: rgba(2, 6, 14, 0.65) !important;
	border-radius: 10px;
}

html[data-bs-theme="dark"] .shop-render-target-inner .public-product-card .interactive-overlay,
html[data-bs-theme="dark"] .shop-render-target-inner .public-gallery-card .interactive-overlay,
body.dark-mode .shop-render-target-inner .public-product-card .interactive-overlay,
body.dark-mode .shop-render-target-inner .public-gallery-card .interactive-overlay {
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.78)) !important;
}

html[data-bs-theme="dark"] .shop-render-target-inner .card-engagement-bar [data-size="Stars Big"],
html[data-bs-theme="dark"] .shop-render-target-inner .card-engagement-bar .engagement-like-inner,
html[data-bs-theme="dark"] .shop-render-target-inner .card-engagement-bar .engagement-share-circle,
body.dark-mode .shop-render-target-inner .card-engagement-bar [data-size="Stars Big"],
body.dark-mode .shop-render-target-inner .card-engagement-bar .engagement-like-inner,
body.dark-mode .shop-render-target-inner .card-engagement-bar .engagement-share-circle {
	background: rgba(15, 23, 42, 0.82) !important;
	border: 1px solid rgba(148, 163, 184, 0.22);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

html[data-bs-theme="dark"] .shop-render-target-inner .public-product-card .btn-primary,
html[data-bs-theme="dark"] .shop-render-target-inner .public-gallery-card .btn-primary,
body.dark-mode .shop-render-target-inner .public-product-card .btn-primary,
body.dark-mode .shop-render-target-inner .public-gallery-card .btn-primary {
	border: 1px solid rgba(147, 197, 253, 0.35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}

/* -------------------------------------------------------------------------- */
/* Anonymous / previous-generation image cards                                */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] #generatedImageContainer .pixerr-anon-image-card,
html[data-bs-theme="dark"] #test-drive-section .pixerr-anon-image-card,
body.dark-mode #generatedImageContainer .pixerr-anon-image-card,
body.dark-mode #test-drive-section .pixerr-anon-image-card {
	background: linear-gradient(180deg, rgba(10, 14, 26, 0.98) 0%, rgba(4, 7, 14, 1) 100%);
	border: 1px solid rgba(96, 165, 250, 0.22);
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.6),
		0 18px 44px -16px rgba(0, 0, 0, 0.55);
}

html[data-bs-theme="dark"] #generatedImageContainer .pixerr-anon-image-card .card-body,
html[data-bs-theme="dark"] #test-drive-section .pixerr-anon-image-card .card-body,
body.dark-mode #generatedImageContainer .pixerr-anon-image-card .card-body,
body.dark-mode #test-drive-section .pixerr-anon-image-card .card-body {
	background: linear-gradient(180deg, rgba(8, 12, 22, 0.2) 0%, rgba(6, 10, 18, 0.96) 100%);
	border-top: 1px solid rgba(96, 165, 250, 0.12);
}

#generatedImageContainer .pixerr-anon-make-product-btn,
#test-drive-section .pixerr-anon-make-product-btn {
	font-weight: 600;
	border-radius: 12px;
	border: 1px solid rgba(37, 99, 235, 0.45);
	background: linear-gradient(100deg, #1d4ed8 0%, #2563eb 50%, #0369a1 100%);
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

html[data-bs-theme="dark"] #generatedImageContainer .pixerr-anon-make-product-btn,
html[data-bs-theme="dark"] #test-drive-section .pixerr-anon-make-product-btn,
body.dark-mode #generatedImageContainer .pixerr-anon-make-product-btn,
body.dark-mode #test-drive-section .pixerr-anon-make-product-btn {
	background: linear-gradient(100deg, #0b1220 0%, #111827 40%, #172554 100%);
	color: #f8fafc !important;
	border-color: rgba(96, 165, 250, 0.38);
	box-shadow:
		0 2px 14px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

#generatedImageContainer .pixerr-anon-make-product-btn:hover,
#test-drive-section .pixerr-anon-make-product-btn:hover {
	border-color: rgba(147, 197, 253, 0.55);
	box-shadow:
		0 6px 22px rgba(37, 99, 235, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

#generatedImageContainer .pixerr-anon-image-card .btn-outline-primary,
#test-drive-section .pixerr-anon-image-card .btn-outline-primary,
#generatedImageContainer .pixerr-anon-image-card .btn-outline-success,
#test-drive-section .pixerr-anon-image-card .btn-outline-success {
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border-strong) !important;
	background-color: transparent !important;
}

/* Latest-generation toolbar (not wrapped in .card) */
#generatedImageContainer .pixerr-anon-current-actions .btn-outline-primary,
#generatedImageContainer .pixerr-anon-current-actions .btn-outline-success {
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border-strong) !important;
	background-color: transparent !important;
	border-radius: 999px;
	font-weight: 600;
}

#generatedImageContainer .pixerr-anon-current-actions .btn-outline-primary:hover,
#generatedImageContainer .pixerr-anon-current-actions .btn-outline-success:hover {
	color: var(--pixerr-text) !important;
	background-color: var(--pixerr-accent-soft) !important;
	border-color: var(--pixerr-accent) !important;
}

#generatedImageContainer .pixerr-anon-image-card .btn-outline-primary:hover,
#test-drive-section .pixerr-anon-image-card .btn-outline-primary:hover,
#generatedImageContainer .pixerr-anon-image-card .btn-outline-success:hover,
#test-drive-section .pixerr-anon-image-card .btn-outline-success:hover {
	color: var(--pixerr-text) !important;
	background-color: var(--pixerr-accent-soft) !important;
	border-color: var(--pixerr-accent) !important;
}

/* Download / Share: pill shape + unified rim (Bootstrap success green off) */
#generatedImageContainer .pixerr-anon-image-card .btn-outline-primary.flex-fill,
#generatedImageContainer .pixerr-anon-image-card .btn-outline-success.flex-fill,
#test-drive-section .pixerr-anon-image-card .btn-outline-primary.flex-fill,
#test-drive-section .pixerr-anon-image-card .btn-outline-success.flex-fill {
	border-radius: 999px;
	font-weight: 600;
}

#generatedImageContainer .pixerr-anon-image-card .card-img-top,
#test-drive-section .pixerr-anon-image-card .card-img-top {
	border-top-left-radius: 14px !important;
	border-top-right-radius: 14px !important;
}

/* -------------------------------------------------------------------------- */
/* FAQ — Got Questions (spaced-accordion style2): premium shell + hovers      */
/* -------------------------------------------------------------------------- */

.got-questions-section .accordion.spaced-accordion {
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0;
}

.got-questions-section .promo-box {
	background: transparent;
	box-shadow: none;
	border: none;
}

.got-questions-section h2 {
	color: var(--pixerr-text);
	font-weight: 700;
}

.got-questions-section .got-questions-container > .row > .col-lg-12 > h5 {
	color: var(--pixerr-text-muted);
	font-weight: 500;
}

.got-questions-section .spaced-accordion.style2 .accordion-item {
	border-radius: 1.125rem;
	margin-bottom: 1rem;
	overflow: hidden;
	border: 1px solid var(--pixerr-border);
	background: var(--pixerr-card-gradient);
	box-shadow: var(--pixerr-shadow-card);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.got-questions-section .spaced-accordion.style2 .accordion-item:hover {
	border-color: var(--pixerr-border-strong);
	box-shadow:
		0 0 0 1px rgba(var(--bs-primary-rgb), 0.14),
		var(--pixerr-shadow-card);
	transform: translateY(-1px);
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion.style2 .accordion-item,
body.dark-mode .got-questions-section .spaced-accordion.style2 .accordion-item {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.97) 0%, rgba(5, 8, 16, 0.99) 100%);
	border-color: rgba(96, 165, 250, 0.22);
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 20px 48px -22px rgba(0, 0, 0, 0.55),
		0 0 52px rgba(37, 99, 235, 0.12);
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion.style2 .accordion-item:hover,
body.dark-mode .got-questions-section .spaced-accordion.style2 .accordion-item:hover {
	border-color: rgba(147, 197, 253, 0.38);
	box-shadow:
		0 0 0 1px rgba(96, 165, 250, 0.28),
		0 26px 56px -20px rgba(0, 0, 0, 0.62),
		0 0 64px rgba(59, 130, 246, 0.2);
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion.style2 .accordion-item:has(.accordion-collapse.show),
body.dark-mode .got-questions-section .spaced-accordion.style2 .accordion-item:has(.accordion-collapse.show) {
	border-color: rgba(96, 165, 250, 0.42);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.22),
		0 28px 60px -18px rgba(0, 0, 0, 0.58),
		0 0 72px rgba(37, 99, 235, 0.2);
}

.got-questions-section .spaced-accordion .accordion-item .accordion-button,
.got-questions-section .spaced-accordion .accordion-item .accordion-collapse {
	border: none !important;
}

.got-questions-section .spaced-accordion .accordion-button {
	background: transparent !important;
	color: var(--pixerr-text) !important;
	font-weight: 600;
	font-size: 1.0625rem;
	line-height: 1.45;
	padding: 1.1rem 3.25rem 1.1rem 1.35rem;
	box-shadow: none !important;
	border-radius: 1.125rem;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.got-questions-section .spaced-accordion .accordion-button:not(.collapsed) {
	color: var(--pixerr-accent) !important;
	background: linear-gradient(180deg, rgba(96, 165, 250, 0.1) 0%, transparent 72%) !important;
}

.got-questions-section .spaced-accordion .accordion-button.collapsed:hover {
	background-color: var(--pixerr-accent-soft) !important;
	color: var(--pixerr-text) !important;
}

.got-questions-section .spaced-accordion .accordion-button:not(.collapsed):hover {
	background: linear-gradient(180deg, rgba(96, 165, 250, 0.14) 0%, transparent 72%) !important;
}

.got-questions-section .spaced-accordion .accordion-item .accordion-button:focus {
	box-shadow: none !important;
	border-color: transparent !important;
}

.got-questions-section .spaced-accordion .accordion-button:focus-visible {
	outline: 2px solid rgba(147, 197, 253, 0.9);
	outline-offset: 2px;
}

.got-questions-section .spaced-accordion.style2 .accordion-button.collapsed .style2-icon:before {
	color: var(--pixerr-text-dim);
	opacity: 0.92;
}

.got-questions-section .spaced-accordion.style2 .accordion-button:not(.collapsed) .style2-icon:before {
	color: var(--pixerr-accent);
	opacity: 1;
}

.got-questions-section .spaced-accordion.style2 .accordion-button:hover .style2-icon:before {
	color: var(--pixerr-accent);
	opacity: 1;
}

.got-questions-section .spaced-accordion .accordion-collapse {
	border: none !important;
	background: transparent;
}

.got-questions-section .spaced-accordion .accordion-body {
	color: var(--pixerr-text);
	padding: 0 1.35rem 1.35rem;
}

.got-questions-section .spaced-accordion .accordion-body p,
.got-questions-section .spaced-accordion .accordion-body li,
.got-questions-section .spaced-accordion .accordion-body {
	color: var(--pixerr-text);
}

.got-questions-section .spaced-accordion .accordion-body p {
	border-top: 1px solid var(--pixerr-border) !important;
	padding-top: 1.15rem;
}

.got-questions-section .spaced-accordion .accordion-body strong {
	color: var(--pixerr-text);
	font-weight: 700;
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion .accordion-button.collapsed i,
body.dark-mode .got-questions-section .spaced-accordion .accordion-button.collapsed i {
	color: inherit !important;
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion .accordion-button:not(.collapsed),
body.dark-mode .got-questions-section .spaced-accordion .accordion-button:not(.collapsed) {
	color: var(--pixerr-accent) !important;
	background-color: transparent !important;
}

html[data-bs-theme="dark"] .got-questions-section .spaced-accordion .accordion-body p,
body.dark-mode .got-questions-section .spaced-accordion .accordion-body p {
	border-top-color: rgba(96, 165, 250, 0.18) !important;
}

/* -------------------------------------------------------------------------- */
/* About Us (.about-pixerr-page)                                              */
/* -------------------------------------------------------------------------- */

.about-pixerr-page .display-4 {
	color: var(--pixerr-text);
}

.about-pixerr-page .lead {
	color: var(--pixerr-text-muted);
}

.about-pixerr-page .card {
	background: var(--pixerr-card-gradient);
	border: 1px solid var(--pixerr-border) !important;
	border-radius: 1.125rem;
	box-shadow: var(--pixerr-shadow-card);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

html[data-bs-theme="dark"] .about-pixerr-page .card,
body.dark-mode .about-pixerr-page .card {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 8, 16, 0.99) 100%);
	border-color: rgba(96, 165, 250, 0.22) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 20px 48px -22px rgba(0, 0, 0, 0.55),
		0 0 52px rgba(37, 99, 235, 0.12);
}

.about-pixerr-page .card:hover {
	border-color: var(--pixerr-border-strong);
	box-shadow:
		0 0 0 1px rgba(var(--bs-primary-rgb), 0.14),
		var(--pixerr-shadow-card);
	transform: translateY(-2px);
}

html[data-bs-theme="dark"] .about-pixerr-page .card:hover,
body.dark-mode .about-pixerr-page .card:hover {
	border-color: rgba(147, 197, 253, 0.38);
}

.about-pixerr-page .card .card-body,
.about-pixerr-page .card .fs-5,
.about-pixerr-page .card p,
.about-pixerr-page .card li {
	color: var(--pixerr-text);
}

.about-pixerr-page .text-primary {
	color: var(--pixerr-accent) !important;
}

.about-pixerr-page .h2,
.about-pixerr-page .h3,
.about-pixerr-page .h4,
.about-pixerr-page h2,
.about-pixerr-page h3,
.about-pixerr-page h4 {
	color: var(--pixerr-text);
}

.about-pixerr-page .alert.alert-primary {
	border-radius: 0.75rem;
	border: 1px solid rgba(96, 165, 250, 0.28) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="light"] .about-pixerr-page .alert.alert-primary {
	background: linear-gradient(145deg, #eff6ff 0%, #ffffff 100%) !important;
	border-color: rgba(37, 99, 235, 0.22) !important;
}

html[data-bs-theme="dark"] .about-pixerr-page .alert.alert-primary,
body.dark-mode .about-pixerr-page .alert.alert-primary {
	background: linear-gradient(145deg, rgba(30, 58, 138, 0.22) 0%, rgba(15, 23, 42, 0.72) 100%) !important;
	border-color: rgba(96, 165, 250, 0.3) !important;
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35);
}

/* -------------------------------------------------------------------------- */
/* Help center (body.pixerr-help-app — _HelpLayout)                           */
/* -------------------------------------------------------------------------- */

body.pixerr-help-app .pixerr-help-main-offset {
	margin-top: 0 !important;
	padding-top: 120px;
}

body.pixerr-help-app .help-sidebar {
	position: sticky;
	top: 100px;
	height: calc(100vh - 120px);
	overflow-y: auto;
	padding: 2rem 1rem;
	background: var(--pixerr-elevated);
	border-radius: 1rem;
	border: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-sidebar,
body.dark-mode.pixerr-help-app .help-sidebar {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.98) 0%, rgba(7, 10, 18, 0.99) 100%);
	border-color: rgba(96, 165, 250, 0.22);
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 16px 40px -20px rgba(0, 0, 0, 0.5),
		0 0 48px rgba(37, 99, 235, 0.1);
}

body.pixerr-help-app .help-sidebar h4 {
	color: var(--pixerr-text);
	font-weight: 700;
}

body.pixerr-help-app .help-sidebar .nav-link {
	color: var(--pixerr-text-muted);
	padding: 0.75rem 1rem;
	margin-bottom: 0.5rem;
	border-radius: 0.75rem;
	transition:
		background-color 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	border: 1px solid transparent;
}

body.pixerr-help-app .help-sidebar .nav-link:hover {
	background: var(--pixerr-accent-soft);
	color: var(--pixerr-accent);
	border-color: rgba(96, 165, 250, 0.18);
}

body.pixerr-help-app .help-sidebar .nav-link.active {
	background: var(--pixerr-btn-gradient);
	color: #f8fafc !important;
	border-color: rgba(147, 197, 253, 0.35);
	box-shadow:
		0 8px 24px rgba(37, 99, 235, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.pixerr-help-app .help-sidebar .nav-link i {
	font-size: 1.25rem;
	width: 24px;
	opacity: 0.92;
}

body.pixerr-help-app .help-sidebar .nav-link.active i {
	color: inherit !important;
}

body.pixerr-help-app .help-content {
	background: var(--pixerr-elevated);
	padding: 3rem;
	border-radius: 1.125rem;
	box-shadow: var(--pixerr-shadow-card);
	min-height: calc(100vh - 200px);
	border: 1px solid var(--pixerr-border);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content,
body.dark-mode.pixerr-help-app .help-content {
	background: linear-gradient(160deg, rgba(15, 23, 42, 0.97) 0%, rgba(5, 8, 14, 0.99) 100%);
	border-color: rgba(96, 165, 250, 0.22);
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 22px 56px -22px rgba(0, 0, 0, 0.58),
		0 0 56px rgba(37, 99, 235, 0.12);
}

body.pixerr-help-app .help-content h1 {
	color: var(--pixerr-accent);
	margin-bottom: 1.5rem;
	font-weight: 700;
}

body.pixerr-help-app .help-content .lead {
	color: var(--pixerr-text-muted);
}

body.pixerr-help-app .help-content h2 {
	color: var(--pixerr-text);
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	font-weight: 600;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--pixerr-border);
}

body.pixerr-help-app .help-content h3:not(.card-title) {
	color: var(--pixerr-text);
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

body.pixerr-help-app .help-content .card-title {
	color: var(--pixerr-text);
	margin-top: 0;
	margin-bottom: 0.75rem;
	font-weight: 600;
}

body.pixerr-help-app .help-content p,
body.pixerr-help-app .help-content li {
	color: var(--pixerr-text);
}

body.pixerr-help-app .help-content .text-primary,
body.pixerr-help-app .help-content .text-primary i {
	color: var(--pixerr-accent) !important;
}

body.pixerr-help-app .help-content .alert {
	border-radius: 0.75rem;
	padding: 1rem 1.25rem;
	margin: 1.5rem 0;
	border: 1px solid var(--pixerr-border);
	border-left-width: 4px;
}

html[data-bs-theme="light"] body.pixerr-help-app .help-content .alert-info {
	background: linear-gradient(145deg, #eff6ff 0%, #f8fafc 100%);
	border-left-color: var(--pixerr-accent);
	color: var(--pixerr-text);
}

html[data-bs-theme="light"] body.pixerr-help-app .help-content .alert-success {
	background: linear-gradient(145deg, #ecfdf5 0%, #f8fafc 100%);
	border-left-color: #10b981;
	color: var(--pixerr-text);
}

html[data-bs-theme="light"] body.pixerr-help-app .help-content .alert-warning {
	background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
	border-left-color: rgba(71, 85, 105, 0.55);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-info,
body.dark-mode.pixerr-help-app .help-content .alert-info {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.94) 0%, rgba(6, 10, 20, 0.98) 100%) !important;
	border-left-color: rgba(96, 165, 250, 0.55) !important;
	color: var(--pixerr-text) !important;
	border-color: rgba(96, 165, 250, 0.2);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-success,
body.dark-mode.pixerr-help-app .help-content .alert-success {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(6, 12, 18, 0.98) 100%) !important;
	border-left-color: rgba(52, 211, 153, 0.45) !important;
	color: var(--pixerr-text) !important;
	border-color: rgba(52, 211, 153, 0.15);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-warning,
body.dark-mode.pixerr-help-app .help-content .alert-warning {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.96) 0%, rgba(8, 10, 16, 0.99) 100%) !important;
	border-left-color: rgba(148, 163, 184, 0.55) !important;
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border);
}

/*
 * Help: informational panels use `alert-light border` in markup.
 * In data-bs-theme=dark, Bootstrap’s alert-light surface is dark — text must stay light (not #212529).
 */
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light.text-dark,
body.dark-mode.pixerr-help-app .help-content .alert-light,
body.dark-mode.pixerr-help-app .help-content .alert-light.text-dark {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.94) 0%, rgba(6, 10, 20, 0.98) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	border-left-color: rgba(96, 165, 250, 0.42) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light p,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light li,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light ul,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light ol,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light h5,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light h6,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light .alert-heading,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light strong,
html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light i,
body.dark-mode.pixerr-help-app .help-content .alert-light p,
body.dark-mode.pixerr-help-app .help-content .alert-light li,
body.dark-mode.pixerr-help-app .help-content .alert-light ul,
body.dark-mode.pixerr-help-app .help-content .alert-light ol,
body.dark-mode.pixerr-help-app .help-content .alert-light h5,
body.dark-mode.pixerr-help-app .help-content .alert-light h6,
body.dark-mode.pixerr-help-app .help-content .alert-light .alert-heading,
body.dark-mode.pixerr-help-app .help-content .alert-light strong,
body.dark-mode.pixerr-help-app .help-content .alert-light i {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light .alert-link,
body.dark-mode.pixerr-help-app .help-content .alert-light .alert-link {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .alert-light .alert-link:hover,
body.dark-mode.pixerr-help-app .help-content .alert-light .alert-link:hover {
	color: #ffffff !important;
}

body.pixerr-help-app .help-content code {
	background: rgba(241, 245, 249, 0.95);
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	color: #be185d;
	font-size: 0.9em;
	border: 1px solid rgba(148, 163, 184, 0.25);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content code,
body.dark-mode.pixerr-help-app .help-content code {
	background: rgba(30, 41, 59, 0.9);
	color: #f9a8d4;
	border-color: rgba(96, 165, 250, 0.15);
}

body.pixerr-help-app .help-content pre {
	background: rgba(241, 245, 249, 0.95);
	padding: 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--pixerr-border);
	border-left: 4px solid var(--pixerr-accent);
	overflow-x: auto;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content pre,
body.dark-mode.pixerr-help-app .help-content pre {
	background: rgba(12, 18, 32, 0.95);
	border-color: rgba(96, 165, 250, 0.18);
	border-left-color: var(--pixerr-accent);
}

body.pixerr-help-app .help-content pre code {
	background: none;
	padding: 0;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content pre code,
body.dark-mode.pixerr-help-app .help-content pre code {
	color: var(--pixerr-text);
}

body.pixerr-help-app .help-content .step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: var(--pixerr-btn-gradient);
	color: #f8fafc;
	border-radius: 50%;
	font-weight: 700;
	margin-right: 0.75rem;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}

body.pixerr-help-app .help-content .card {
	border: 1px solid var(--pixerr-border);
	border-radius: 1.125rem;
	margin-bottom: 1.5rem;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
	background: transparent;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .card,
body.dark-mode.pixerr-help-app .help-content .card {
	background: linear-gradient(150deg, rgba(12, 18, 32, 0.95) 0%, rgba(6, 9, 16, 0.98) 100%);
	border-color: rgba(96, 165, 250, 0.2);
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35);
}

body.pixerr-help-app .help-content .card:hover {
	transform: translateY(-2px);
	border-color: rgba(147, 197, 253, 0.38);
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.18),
		0 14px 36px -14px rgba(0, 0, 0, 0.45),
		0 0 40px rgba(37, 99, 235, 0.12);
}

body.pixerr-help-app .help-content .card .btn-outline-primary {
	border-radius: 999px;
	font-weight: 600;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		border-color 0.15s ease,
		background-color 0.15s ease;
}

body.pixerr-help-app .help-content .card .btn-outline-primary:hover {
	transform: translate3d(0, -1px, 0);
}

body.pixerr-help-app .help-content .bg-light {
	background: linear-gradient(165deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.95)) !important;
	border: 1px solid var(--pixerr-border);
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-help-app .help-content .bg-light,
body.dark-mode.pixerr-help-app .help-content .bg-light {
	background: linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(7, 10, 18, 0.97) 100%) !important;
	border-color: rgba(96, 165, 250, 0.18);
	color: var(--pixerr-text) !important;
}

body.pixerr-help-app .help-content .badge {
	font-weight: 600;
	padding: 0.5rem 0.75rem;
	border-radius: 0.5rem;
}

body.pixerr-help-app .help-mobile-toggle {
	display: none;
}

@media (max-width: 991px) {
	body.pixerr-help-app .help-sidebar {
		position: fixed;
		top: 0;
		left: -300px;
		width: 280px;
		height: 100vh;
		z-index: 1050;
		transition: left 0.3s;
		border-radius: 0;
	}

	body.pixerr-help-app .help-sidebar.show {
		left: 0;
	}

	body.pixerr-help-app .help-mobile-toggle {
		display: block;
		position: fixed;
		bottom: 2rem;
		right: 2rem;
		z-index: 1000;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		background: var(--pixerr-btn-gradient);
		color: #f8fafc !important;
		border: 1px solid rgba(147, 197, 253, 0.35);
		box-shadow:
			0 8px 24px rgba(37, 99, 235, 0.35),
			inset 0 1px 0 rgba(255, 255, 255, 0.12);
		font-size: 1.5rem;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: transform 0.15s ease, box-shadow 0.15s ease;
	}

	body.pixerr-help-app .help-mobile-toggle:hover {
		background: var(--pixerr-btn-gradient-hover);
		box-shadow:
			0 10px 28px rgba(37, 99, 235, 0.42),
			inset 0 1px 0 rgba(255, 255, 255, 0.14);
		transform: scale(1.04);
	}

	body.pixerr-help-app .help-content {
		padding: 2rem 1rem;
	}
}

/* -------------------------------------------------------------------------- */
/* Dashboard (body.pixerr-dashboard-app — loads after dashboard.css)          */
/* -------------------------------------------------------------------------- */

body.pixerr-dashboard-app section.lg .display-6,
body.pixerr-dashboard-app section.lg h1 {
	color: var(--pixerr-text);
}

body.pixerr-dashboard-app section.lg .lead {
	color: var(--pixerr-text-muted);
}

body.pixerr-dashboard-app .dashboard-section .card,
body.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10 {
	background: var(--pixerr-card-gradient);
	border: 1px solid var(--pixerr-border) !important;
	border-radius: 1.125rem;
	box-shadow: var(--pixerr-shadow-card);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .dashboard-section .card,
html[data-bs-theme="dark"] body.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10,
body.dark-mode.pixerr-dashboard-app .dashboard-section .card,
body.dark-mode.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10 {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 8, 16, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 20px 48px -22px rgba(0, 0, 0, 0.55),
		0 0 52px rgba(37, 99, 235, 0.12);
}

body.pixerr-dashboard-app .dashboard-section .card:hover,
body.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10:hover {
	border-color: var(--pixerr-border-strong);
	transform: translateY(-2px);
	box-shadow:
		0 0 0 1px rgba(var(--bs-primary-rgb), 0.14),
		var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .dashboard-section .card:hover,
html[data-bs-theme="dark"] body.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10:hover,
body.dark-mode.pixerr-dashboard-app .dashboard-section .card:hover,
body.dark-mode.pixerr-dashboard-app section.lg .card.bg-white.bg-opacity-10:hover {
	border-color: rgba(147, 197, 253, 0.38);
}

body.pixerr-dashboard-app .dashboard-sidebar h5 {
	color: var(--pixerr-text-muted);
	border-bottom-color: var(--pixerr-border);
}

body.pixerr-dashboard-app .dashboard-sidebar .nav-link {
	color: var(--pixerr-text-muted);
	border-radius: 0.5rem;
	padding: 0.45rem 0.5rem;
	margin-bottom: 0.125rem;
	transition:
		background-color 0.15s ease,
		color 0.15s ease,
		border-color 0.15s ease;
}

body.pixerr-dashboard-app .dashboard-sidebar .nav-link:hover {
	color: var(--pixerr-accent);
	background: var(--pixerr-accent-soft);
}

body.pixerr-dashboard-app .dashboard-sidebar .nav-link.active {
	color: var(--pixerr-accent);
	font-weight: 700;
	background: var(--pixerr-accent-soft);
	border: 1px solid rgba(96, 165, 250, 0.18);
}

body.pixerr-dashboard-app .payout-card {
	border-radius: 1.125rem;
	border: 1px solid var(--pixerr-border);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .payout-card,
html[data-bs-theme="dark"] body.pixerr-dashboard-app .payout-card .card-body,
body.dark-mode.pixerr-dashboard-app .payout-card,
body.dark-mode.pixerr-dashboard-app .payout-card .card-body {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(6, 9, 16, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
}

body.pixerr-dashboard-app #referralStats .referral-stat-card {
	border-radius: 1rem;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app #referralStats .referral-stat-card,
body.dark-mode.pixerr-dashboard-app #referralStats .referral-stat-card {
	background: linear-gradient(155deg, rgba(12, 18, 32, 0.95) 0%, rgba(6, 9, 16, 0.98) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.2) !important;
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app #referralStats .referral-stat-card:hover,
body.dark-mode.pixerr-dashboard-app #referralStats .referral-stat-card:hover {
	border-color: rgba(147, 197, 253, 0.35);
	transform: translateY(-1px);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-container .card,
body.dark-mode.pixerr-dashboard-app .token-top-up-container .card {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 8, 14, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.2) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 16px 40px -20px rgba(0, 0, 0, 0.5);
}

body.pixerr-dashboard-app .dashboard-section .btn-outline-primary {
	border-radius: 999px;
	font-weight: 600;
	padding-left: 1.15rem;
	padding-right: 1.15rem;
	transition:
		transform 0.15s ease,
		box-shadow 0.15s ease,
		border-color 0.15s ease,
		background-color 0.15s ease;
}

body.pixerr-dashboard-app .dashboard-section .btn-outline-primary:hover {
	transform: translate3d(0, -1px, 0);
}

body.pixerr-dashboard-app .pixerr-storefront-select-host.alert {
	border-radius: 1rem;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host.alert,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host.alert {
	background: linear-gradient(145deg, rgba(12, 18, 32, 0.96) 0%, rgba(6, 9, 14, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	color: var(--pixerr-text) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.35),
		0 12px 32px -16px rgba(0, 0, 0, 0.45);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host .bi-shop-window,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host .bi-shop-window {
	color: var(--pixerr-accent) !important;
	opacity: 0.95 !important;
}

/* Single page canvas — removes “grey slab” behind Tokens / Payouts vs deep header */
html[data-bs-theme="dark"] body.pixerr-dashboard-app section.lg,
body.dark-mode.pixerr-dashboard-app section.lg {
	background-color: var(--pixerr-page-bg) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app section.lg > .container,
body.dark-mode.pixerr-dashboard-app section.lg > .container {
	background-color: transparent !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app section.lg .row,
body.dark-mode.pixerr-dashboard-app section.lg .row {
	background-color: transparent !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app main.col-lg-10,
html[data-bs-theme="dark"] body.pixerr-dashboard-app nav.dashboard-sidebar,
body.dark-mode.pixerr-dashboard-app main.col-lg-10,
body.dark-mode.pixerr-dashboard-app nav.dashboard-sidebar {
	background-color: transparent !important;
}

/*
 * Bootstrap dark theme still uses a light grey --bs-alert-bg for .alert-light.
 * Dashboard payout copy + Atreyu-injected summaries use alert-light — override to premium dark panels.
 */
html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert.alert-light,
html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert.alert-light.border,
body.dark-mode.pixerr-dashboard-app .alert.alert-light,
body.dark-mode.pixerr-dashboard-app .alert.alert-light.border {
	--bs-alert-bg: transparent;
	--bs-alert-color: var(--pixerr-text);
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.94) 0%, rgba(6, 9, 16, 0.98) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	color: var(--pixerr-text) !important;
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert.alert-light a,
body.dark-mode.pixerr-dashboard-app .alert.alert-light a {
	color: var(--pixerr-accent) !important;
}

/* -------------------------------------------------------------------------- */
/* Store setup wizard (/StoreSetup — .pixerr-store-setup-page)               */
/* -------------------------------------------------------------------------- */

/* Header chrome matches the rest of the site (#HeaderBottom border + hairline shadow). */

.pixerr-store-setup-page {
	--wizard-muted: #6c757d;
	--wizard-border: #dee2e6;
	--wizard-step-bg: #e9ecef;
	--wizard-hover-bg: rgba(102, 126, 234, 0.06);
	--wizard-connector: #e9ecef;
	--wizard-picker-hover: #adb5bd;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page,
body.dark-mode .pixerr-store-setup-page {
	--wizard-muted: var(--pixerr-text-dim);
	--wizard-border: var(--pixerr-border);
	--wizard-step-bg: rgba(30, 41, 59, 0.88);
	--wizard-hover-bg: rgba(96, 165, 250, 0.1);
	--wizard-connector: rgba(96, 165, 250, 0.22);
	--wizard-picker-hover: rgba(147, 197, 253, 0.42);
}

.pixerr-store-setup-page.container {
	max-width: 900px !important;
	margin-top: 6rem;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page > .text-center .fw-bold,
html[data-bs-theme="dark"] .pixerr-store-setup-page .card-title,
body.dark-mode .pixerr-store-setup-page > .text-center .fw-bold,
body.dark-mode .pixerr-store-setup-page .card-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .card.shadow-sm,
body.dark-mode .pixerr-store-setup-page .card.shadow-sm {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border: 1px solid var(--pixerr-border-strong) !important;
	color: var(--pixerr-text) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.42),
		0 18px 44px -22px rgba(0, 0, 0, 0.55) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .card .card-body,
body.dark-mode .pixerr-store-setup-page .card .card-body {
	background: transparent !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-store-scope-banner.alert,
body.dark-mode .pixerr-store-setup-page .store-setup-store-scope-banner.alert {
	background: linear-gradient(145deg, rgba(12, 18, 32, 0.96) 0%, rgba(6, 9, 14, 0.99) 100%) !important;
	border: 1px solid var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
	/* One edge only: ring + full border read as a grey “hairline” inside the panel on dark backgrounds */
	box-shadow: none !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-heading,
html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-body,
html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-store-scope-banner .fw-semibold,
body.dark-mode .pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-heading,
body.dark-mode .pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-body,
body.dark-mode .pixerr-store-setup-page .store-setup-store-scope-banner .fw-semibold {
	color: var(--pixerr-text) !important;
}

.pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-heading,
.pixerr-store-setup-page .store-setup-store-scope-banner .store-setup-store-scope-body {
	color: #212529;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-step2-intro,
body.dark-mode .pixerr-store-setup-page .store-setup-step2-intro {
	color: var(--pixerr-text-dim) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .store-setup-step2-intro a,
body.dark-mode .pixerr-store-setup-page .store-setup-step2-intro a {
	color: var(--pixerr-accent) !important;
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .form-control,
html[data-bs-theme="dark"] .pixerr-store-setup-page .form-select,
body.dark-mode .pixerr-store-setup-page .form-control,
body.dark-mode .pixerr-store-setup-page .form-select {
	background-color: rgba(15, 23, 42, 0.72) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .input-group-text,
body.dark-mode .pixerr-store-setup-page .input-group-text {
	background: rgba(15, 23, 42, 0.55) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text-dim) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .form-text,
body.dark-mode .pixerr-store-setup-page .form-text {
	color: var(--pixerr-text-dim) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .form-label,
body.dark-mode .pixerr-store-setup-page .form-label {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-store-setup-page #profile-image-preview,
html[data-bs-theme="dark"] .pixerr-store-setup-page #store-image-preview,
body.dark-mode .pixerr-store-setup-page #profile-image-preview,
body.dark-mode .pixerr-store-setup-page #store-image-preview {
	background: rgba(7, 10, 16, 0.55) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text-dim) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page #create-products-section.border-top,
body.dark-mode .pixerr-store-setup-page #create-products-section.border-top {
	border-top-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary,
body.dark-mode .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.94) 0%, rgba(6, 9, 16, 0.98) 100%) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.35);
}

html[data-bs-theme="dark"] .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary h6,
html[data-bs-theme="dark"] .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary p,
body.dark-mode .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary h6,
body.dark-mode .pixerr-store-setup-page #wizard-summary.store-setup-wizard-summary p {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-outline-secondary,
body.dark-mode .pixerr-store-setup-page .btn-outline-secondary {
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border-strong) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-outline-secondary:hover,
body.dark-mode .pixerr-store-setup-page .btn-outline-secondary:hover {
	background: rgba(96, 165, 250, 0.12) !important;
	border-color: var(--pixerr-accent) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-outline-primary,
body.dark-mode .pixerr-store-setup-page .btn-outline-primary {
	color: var(--pixerr-accent) !important;
	border-color: rgba(96, 165, 250, 0.55) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-outline-primary:hover,
body.dark-mode .pixerr-store-setup-page .btn-outline-primary:hover {
	background: rgba(96, 165, 250, 0.12) !important;
	border-color: var(--pixerr-accent) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-group .btn-secondary,
body.dark-mode .pixerr-store-setup-page .btn-group .btn-secondary {
	background: rgba(30, 41, 59, 0.78) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .btn-group .btn-primary,
body.dark-mode .pixerr-store-setup-page .btn-group .btn-primary {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .form-check-label,
body.dark-mode .pixerr-store-setup-page .form-check-label {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .progress,
body.dark-mode .pixerr-store-setup-page .progress {
	background-color: rgba(15, 23, 42, 0.65) !important;
}

html[data-bs-theme="dark"] .pixerr-store-setup-page #step-complete h3,
body.dark-mode .pixerr-store-setup-page #step-complete h3 {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-store-setup-page .pixerr-storefront-select-theme,
body.dark-mode .pixerr-store-setup-page .pixerr-storefront-select-theme {
	background-color: rgba(15, 23, 42, 0.72) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

/* Stripe account strip (injected list) — avoid default light list-group */
html[data-bs-theme="dark"] body.pixerr-dashboard-app #StripeRenderTarget .list-group-item,
body.dark-mode.pixerr-dashboard-app #StripeRenderTarget .list-group-item {
	background: rgba(15, 23, 42, 0.55) !important;
	color: var(--pixerr-text) !important;
	border-color: rgba(96, 165, 250, 0.14) !important;
}

/* Replaces removed Dashboard.cshtml <style>: legibility + neutral alerts */
html[data-bs-theme="dark"] body.pixerr-dashboard-app .small,
body.dark-mode.pixerr-dashboard-app .small {
	color: var(--pixerr-text-dim) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card-body,
body.dark-mode.pixerr-dashboard-app .card-body {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert,
body.dark-mode.pixerr-dashboard-app .alert {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert i,
body.dark-mode.pixerr-dashboard-app .alert i {
	color: inherit !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-info,
body.dark-mode.pixerr-dashboard-app .alert-info {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.94) 0%, rgba(6, 10, 20, 0.98) 100%) !important;
	border-color: rgba(96, 165, 250, 0.28) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-info i,
body.dark-mode.pixerr-dashboard-app .alert-info i {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-success,
body.dark-mode.pixerr-dashboard-app .alert-success {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(6, 14, 18, 0.98) 100%) !important;
	border-color: rgba(52, 211, 153, 0.28) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-success.text-white,
body.dark-mode.pixerr-dashboard-app .alert-success.text-white {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-success i,
body.dark-mode.pixerr-dashboard-app .alert-success i {
	color: rgba(167, 243, 208, 0.95) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-warning,
body.dark-mode.pixerr-dashboard-app .alert-warning {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.96) 0%, rgba(8, 10, 16, 0.99) 100%) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .alert-warning i,
body.dark-mode.pixerr-dashboard-app .alert-warning i {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card-header h5,
body.dark-mode.pixerr-dashboard-app .card-header h5 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card-body h6,
body.dark-mode.pixerr-dashboard-app .card-body h6 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card-body .text-body,
body.dark-mode.pixerr-dashboard-app .card-body .text-body {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card-body .text-body-secondary,
body.dark-mode.pixerr-dashboard-app .card-body .text-body-secondary {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .border-start.border-info,
body.dark-mode.pixerr-dashboard-app .border-start.border-info {
	border-color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .bg-light,
body.dark-mode.pixerr-dashboard-app .bg-light {
	background: linear-gradient(165deg, rgba(15, 23, 42, 0.88) 0%, rgba(7, 10, 18, 0.94) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.15) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .bg-light .text-body,
body.dark-mode.pixerr-dashboard-app .bg-light .text-body {
	color: var(--pixerr-text) !important;
}

/* -------------------------------------------------------------------------- */
/* Pricing (#pixerr-pricing) — cards + promos match unified premium shell   */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] #pixerr-pricing .card,
body.dark-mode #pixerr-pricing .card {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 7, 12, 0.99) 100%);
	border-color: rgba(96, 165, 250, 0.22) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 20px 48px -18px rgba(0, 0, 0, 0.55);
}

html[data-bs-theme="dark"] #pixerr-pricing .pricing-card-popular,
body.dark-mode #pixerr-pricing .pricing-card-popular {
	border-color: rgba(96, 165, 250, 0.45) !important;
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.2),
		0 22px 52px -14px rgba(37, 99, 235, 0.35);
}

html[data-bs-theme="dark"] #pixerr-pricing .alert.alert-light.border,
body.dark-mode #pixerr-pricing .alert.alert-light.border {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 9, 16, 0.98) 100%) !important;
	border-color: var(--pixerr-border-strong) !important;
	color: var(--pixerr-text);
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] #pixerr-pricing .founding-count-stat-panel,
body.dark-mode #pixerr-pricing .founding-count-stat-panel {
	background: linear-gradient(145deg, rgba(8, 12, 22, 0.95) 0%, rgba(4, 6, 12, 0.98) 100%) !important;
	border-color: rgba(96, 165, 250, 0.25) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .stack-card,
body.dark-mode #pixerr-pricing .stack-card {
	background: linear-gradient(145deg, rgba(12, 18, 32, 0.95) 0%, rgba(6, 9, 16, 0.98) 100%);
	border-color: rgba(96, 165, 250, 0.18);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] #pixerr-pricing .comparison-panel,
body.dark-mode #pixerr-pricing .comparison-panel {
	background: linear-gradient(145deg, rgba(12, 18, 32, 0.95) 0%, rgba(6, 9, 16, 0.98) 100%);
	border-color: rgba(96, 165, 250, 0.18) !important;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] #pixerr-pricing .comparison-panel .table,
body.dark-mode #pixerr-pricing .comparison-panel .table {
	background: transparent;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] #pixerr-pricing .comparison-panel .table th,
html[data-bs-theme="dark"] #pixerr-pricing .comparison-panel .table td,
body.dark-mode #pixerr-pricing .comparison-panel .table th,
body.dark-mode #pixerr-pricing .comparison-panel .table td {
	border-color: rgba(96, 165, 250, 0.15);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] #pixerr-pricing .keep-card,
body.dark-mode #pixerr-pricing .keep-card {
	background: linear-gradient(145deg, rgba(12, 18, 32, 0.95) 0%, rgba(6, 9, 16, 0.98) 100%);
	border-color: rgba(96, 165, 250, 0.18);
}

html[data-bs-theme="dark"] #pixerr-pricing .keep-amount,
body.dark-mode #pixerr-pricing .keep-amount {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .keep-caption,
body.dark-mode #pixerr-pricing .keep-caption {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .btn.btn-primary,
body.dark-mode #pixerr-pricing .btn.btn-primary {
	background: linear-gradient(100deg, #0f172a 0%, #1e293b 50%, #172554 100%);
	border: 1px solid rgba(96, 165, 250, 0.4);
	color: #f8fafc !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
}

html[data-bs-theme="dark"] #pixerr-pricing .btn.btn-primary:hover,
body.dark-mode #pixerr-pricing .btn.btn-primary:hover {
	background: linear-gradient(100deg, #172554 0%, #1e293b 50%, #1e3a8a 100%);
	border-color: rgba(147, 197, 253, 0.55);
	box-shadow:
		0 6px 22px rgba(0, 0, 0, 0.5),
		0 0 24px rgba(59, 130, 246, 0.2);
}

html[data-bs-theme="dark"] #pixerr-pricing .progress,
body.dark-mode #pixerr-pricing .progress {
	background-color: rgba(30, 41, 59, 0.85) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .progress-bar,
body.dark-mode #pixerr-pricing .progress-bar {
	background: linear-gradient(90deg, #64748b, #e2e8f0) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .card-title,
html[data-bs-theme="dark"] #pixerr-pricing .card .display-6,
body.dark-mode #pixerr-pricing .card-title,
body.dark-mode #pixerr-pricing .card .display-6 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #pixerr-pricing .list-unstyled,
body.dark-mode #pixerr-pricing .list-unstyled {
	color: var(--pixerr-text);
}

/* -------------------------------------------------------------------------- */
/* Designer (_Designer.cshtml — /designer, Campaigns)                        */
/* Beats legacy style.css .dark-mode .card (#2c3241) and side-navbar hovers. */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] .designer-page #renderTarget .card,
html[data-bs-theme="dark"] .designer-page #MainContainer .card,
html[data-bs-theme="dark"] #OpenAiRightSidebar.card,
html[data-bs-theme="dark"] #LeonardoRightSidebar.card,
body.dark-mode .designer-page #renderTarget .card,
body.dark-mode .designer-page #MainContainer .card,
body.dark-mode #OpenAiRightSidebar.card,
body.dark-mode #LeonardoRightSidebar.card {
	background: var(--pixerr-card-gradient) !important;
	border-color: var(--pixerr-border-strong) !important;
	color: var(--pixerr-text) !important;
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .card-body,
html[data-bs-theme="dark"] #OpenAiRightSidebar.card .card-body,
html[data-bs-theme="dark"] #LeonardoRightSidebar.card .card-body,
body.dark-mode .designer-page #renderTarget .card .card-body,
body.dark-mode #OpenAiRightSidebar.card .card-body,
body.dark-mode #LeonardoRightSidebar.card .card-body {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .card-title,
body.dark-mode .designer-page #renderTarget .card .card-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-checkpoint-info.border-bottom,
body.dark-mode .designer-checkpoint-info.border-bottom {
	border-bottom-color: var(--pixerr-border) !important;
}

/* Left tool rail only (not #OpenAiRightSidebar.side-navbar) */
html[data-bs-theme="dark"] .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link:not(.active),
body.dark-mode .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link:not(.active) {
	color: rgba(248, 250, 252, 0.88) !important;
}

html[data-bs-theme="dark"] .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link:hover,
body.dark-mode .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link:hover {
	color: var(--pixerr-accent) !important;
	background-color: var(--pixerr-accent-soft) !important;
}

html[data-bs-theme="dark"] .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link.active,
body.dark-mode .designer-page .sidenav-preview.nav-condensed .side-navbar .nav-link.active {
	color: #f8fafc !important;
	background: linear-gradient(
		135deg,
		rgba(30, 58, 138, 0.95) 0%,
		rgba(37, 99, 235, 0.88) 52%,
		rgba(8, 145, 178, 0.78) 100%
	) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}

/* Meta wells on image cards (replaces Bootstrap bg-light in markup) */
.pixerr-image-gallery-well {
	background-color: #f1f5f9;
	border: 1px solid rgba(15, 23, 42, 0.06);
}

html[data-bs-theme="dark"] .pixerr-image-gallery-well {
	background: linear-gradient(165deg, rgba(15, 23, 42, 0.78) 0%, rgba(8, 12, 20, 0.92) 100%);
	border-color: var(--pixerr-border);
	color: var(--pixerr-text);
}

/* Designer image gallery (ImageGallery cards): action strip footer vs digital-sales / meta wells */
html[data-bs-theme="dark"] .designer-page #renderTarget .card > .card-footer.image-gallery-card-actions,
body.dark-mode .designer-page #renderTarget .card > .card-footer.image-gallery-card-actions {
	background: rgba(12, 17, 28, 0.78) !important;
	border-top-color: var(--pixerr-border) !important;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .pixerr-image-gallery-well,
html[data-bs-theme="dark"] .designer-page #renderTarget .card .bg-light,
body.dark-mode .designer-page #renderTarget .card .pixerr-image-gallery-well,
body.dark-mode .designer-page #renderTarget .card .bg-light {
	background: linear-gradient(165deg, rgba(15, 23, 42, 0.78) 0%, rgba(8, 12, 20, 0.92) 100%) !important;
	border: 1px solid var(--pixerr-border) !important;
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .pixerr-image-gallery-well p,
html[data-bs-theme="dark"] .designer-page #renderTarget .card .pixerr-image-gallery-well .card-text,
html[data-bs-theme="dark"] .designer-page #renderTarget .card .bg-light p,
html[data-bs-theme="dark"] .designer-page #renderTarget .card .bg-light .card-text,
body.dark-mode .designer-page #renderTarget .card .pixerr-image-gallery-well p,
body.dark-mode .designer-page #renderTarget .card .pixerr-image-gallery-well .card-text,
body.dark-mode .designer-page #renderTarget .card .bg-light p,
body.dark-mode .designer-page #renderTarget .card .bg-light .card-text {
	color: var(--pixerr-text) !important;
}

/* Meta wells (Art Style / Model / Style): center label text vertically with thumbnail */
.designer-page #renderTarget .card .pixerr-image-gallery-well.d-flex > p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: center;
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	line-height: 1.25;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .card-body h6,
body.dark-mode .designer-page #renderTarget .card .card-body h6 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .card-body .card-text,
body.dark-mode .designer-page #renderTarget .card .card-body .card-text {
	color: var(--pixerr-text-muted) !important;
}

/* Wells use primary text; wins over .card-body .card-text muted above */
html[data-bs-theme="dark"] .designer-page #renderTarget .card .card-body .pixerr-image-gallery-well.d-flex > p.card-text,
body.dark-mode .designer-page #renderTarget .card .card-body .pixerr-image-gallery-well.d-flex > p.card-text {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .border-bottom,
body.dark-mode .designer-page #renderTarget .card .border-bottom {
	border-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .input-group-text,
body.dark-mode .designer-page #renderTarget .card .input-group-text {
	background: rgba(15, 23, 42, 0.88) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .studio-monetize-state,
body.dark-mode .designer-page #renderTarget .studio-monetize-state {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .image-title-label,
body.dark-mode .designer-page #renderTarget .image-title-label {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card-footer .btn-link,
body.dark-mode .designer-page #renderTarget .card-footer .btn-link {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card-footer .btn-link:hover,
body.dark-mode .designer-page #renderTarget .card-footer .btn-link:hover {
	color: var(--pixerr-accent) !important;
}

/* ProductGallery: icon buttons use 24×24 stroke SVGs; tight box + px-0 clipped gear teeth (stroke past viewBox) */
.designer-page .pxr-product-card .product-card-footer .btn.btn-link.btn-sm {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	min-height: 2.25rem;
	padding-left: 0.15rem;
	padding-right: 0.15rem;
	line-height: 0;
}

.designer-page .pxr-product-card .product-card-footer .btn.btn-link.btn-sm svg {
	display: block;
	overflow: visible;
	flex-shrink: 0;
}

/* Product edit (ProductGallery): collections dropdown was hardcoded #fff in TS — theme here */
.pixerr-product-details-note {
	color: var(--pixerr-text-dim, #64748b);
}

.product-collections-dropdown__menu {
	box-sizing: border-box;
	border-radius: 0.375rem;
	background-color: #ffffff;
	color: #212529;
	border: 1px solid #dee2e6;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.product-collections-dropdown__item {
	background-color: #ffffff;
	color: #212529;
}

.product-collections-dropdown__item:hover {
	background-color: #f8f9fa;
}

html[data-bs-theme="dark"] .product-collections-dropdown__menu,
body.dark-mode .product-collections-dropdown__menu {
	background-color: var(--pixerr-elevated, #0c111c) !important;
	color: var(--pixerr-text, #f8fafc) !important;
	border-color: var(--pixerr-border, rgba(96, 165, 250, 0.22)) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .product-collections-dropdown__item,
body.dark-mode .product-collections-dropdown__item {
	background-color: var(--pixerr-elevated, #0c111c) !important;
	color: var(--pixerr-text, #f8fafc) !important;
}

html[data-bs-theme="dark"] .product-collections-dropdown__item:hover,
body.dark-mode .product-collections-dropdown__item:hover {
	background-color: var(--pixerr-accent-soft, rgba(96, 165, 250, 0.14)) !important;
}

html[data-bs-theme="dark"] .product-collections-dropdown .btn-outline-secondary,
body.dark-mode .product-collections-dropdown .btn-outline-secondary {
	color: var(--pixerr-text, #f8fafc) !important;
	border-color: var(--pixerr-border, rgba(96, 165, 250, 0.28)) !important;
	background-color: rgba(15, 23, 42, 0.55) !important;
}

html[data-bs-theme="dark"] .product-collections-dropdown .btn-outline-secondary:hover,
body.dark-mode .product-collections-dropdown .btn-outline-secondary:hover {
	background-color: var(--pixerr-accent-soft, rgba(96, 165, 250, 0.16)) !important;
	border-color: var(--pixerr-accent, #60a5fa) !important;
	color: var(--pixerr-text, #f8fafc) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar .form-control,
html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar .form-select,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar .form-control,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar .form-select {
	background-color: rgba(15, 23, 42, 0.72) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar .form-label,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar .form-label {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar h5.border-bottom,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar h5.border-bottom {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar .tag,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar .tag {
	background-color: rgba(15, 23, 42, 0.88) !important;
	border: 1px solid var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget .card .product-details-sidebar .tag .remove,
body.dark-mode .designer-page #renderTarget .card .product-details-sidebar .tag .remove {
	color: #f87171 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card .product-details-sidebar .form-control,
html[data-bs-theme="dark"] body.pixerr-dashboard-app .card .product-details-sidebar .form-select,
body.dark-mode body.pixerr-dashboard-app .card .product-details-sidebar .form-control,
body.dark-mode body.pixerr-dashboard-app .card .product-details-sidebar .form-select {
	background-color: rgba(15, 23, 42, 0.72) !important;
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card .product-details-sidebar .form-label,
body.dark-mode body.pixerr-dashboard-app .card .product-details-sidebar .form-label {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card .product-details-sidebar h5.border-bottom,
body.dark-mode body.pixerr-dashboard-app .card .product-details-sidebar h5.border-bottom {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .card .product-details-sidebar .tag,
body.dark-mode body.pixerr-dashboard-app .card .product-details-sidebar .tag {
	background-color: rgba(15, 23, 42, 0.88) !important;
	border: 1px solid var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

/* Corner chip only (anchor). Do not use button.monetize-image-btn — tight padding breaks full-width CTA centering vs Bootstrap .btn */
html[data-bs-theme="dark"] .designer-page #renderTarget a.pixerr-studio-trigger,
body.dark-mode .designer-page #renderTarget a.pixerr-studio-trigger {
	box-sizing: border-box !important;
	padding: 7px 10px 9px !important;
	color: #f8fafc !important;
	background: linear-gradient(135deg, rgba(30, 58, 138, 0.92) 0%, rgba(15, 23, 42, 0.96) 100%) !important;
	border: 1px solid rgba(147, 197, 253, 0.35) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
}

/* Gallery / designer light: chip padding only on anchor */
html[data-bs-theme="light"] .designer-page #renderTarget a.pixerr-studio-trigger {
	box-sizing: border-box !important;
	padding: 7px 10px 9px !important;
}

html[data-bs-theme="dark"] .designer-page #renderTarget a.pixerr-studio-trigger .small,
body.dark-mode .designer-page #renderTarget a.pixerr-studio-trigger .small {
	color: #f8fafc !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}

/* Full-width "Monetize this" / "Sell now" on image cards — inherit text-align from card-body was left-aligning label */
html[data-bs-theme="dark"] .designer-page #renderTarget button.monetize-image-btn.pixerr-studio-trigger,
body.dark-mode .designer-page #renderTarget button.monetize-image-btn.pixerr-studio-trigger,
html[data-bs-theme="light"] .designer-page #renderTarget button.monetize-image-btn.pixerr-studio-trigger {
	box-sizing: border-box !important;
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	padding: 0.65rem 1rem !important;
}

/* -------------------------------------------------------------------------- */
/* Legacy utility reconciliation (last-layer overrides)                       */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="light"] .bg-n10,
html[data-bs-theme="light"] .bg-n20,
html[data-bs-theme="light"] .bg-n30,
html[data-bs-theme="light"] .bg-n40,
html[data-bs-theme="light"] .bg-n50,
html[data-bs-theme="light"] .bg-n60,
html[data-bs-theme="light"] .bg-n70,
html[data-bs-theme="light"] .bg-n80,
html[data-bs-theme="light"] .bg-n90,
html[data-bs-theme="light"] .bg-n100 {
	background-color: var(--pixerr-surface) !important;
}

html[data-bs-theme="dark"] .bg-n10,
html[data-bs-theme="dark"] .bg-n20,
html[data-bs-theme="dark"] .bg-n30,
html[data-bs-theme="dark"] .bg-n40,
html[data-bs-theme="dark"] .bg-n50,
html[data-bs-theme="dark"] .bg-n60,
html[data-bs-theme="dark"] .bg-n70,
html[data-bs-theme="dark"] .bg-n80,
html[data-bs-theme="dark"] .bg-n90,
html[data-bs-theme="dark"] .bg-n100,
body.dark-mode .bg-n10,
body.dark-mode .bg-n20,
body.dark-mode .bg-n30,
body.dark-mode .bg-n40,
body.dark-mode .bg-n50,
body.dark-mode .bg-n60,
body.dark-mode .bg-n70,
body.dark-mode .bg-n80,
body.dark-mode .bg-n90,
body.dark-mode .bg-n100 {
	background-color: var(--pixerr-surface) !important;
}

html[data-bs-theme="dark"] .alert,
body.dark-mode .alert {
	border-color: var(--pixerr-border);
}

html[data-bs-theme="dark"] .table,
html[data-bs-theme="dark"] .table td,
html[data-bs-theme="dark"] .table th,
body.dark-mode .table,
body.dark-mode .table td,
body.dark-mode .table th {
	border-color: var(--pixerr-border);
	color: var(--pixerr-text);
}

/* -------------------------------------------------------------------------- */
/* Homepage hero CTA shells + header interactions (theme switch, menu, search) */
/* -------------------------------------------------------------------------- */

.homepage-hero-section .hero-card-cta-shell,
.mobile-hero-card .hero-card-cta-shell {
	flex: 1 1 0;
	padding: 15px 20px;
	overflow: hidden;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(100deg, rgba(37, 99, 235, 0.78) 0%, rgba(14, 165, 233, 0.72) 100%);
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 4px 18px rgba(15, 23, 42, 0.22);
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		border-color 0.18s ease,
		background 0.18s ease;
}

.homepage-hero-section .hero-card-cta-shell--bottom-corners,
.mobile-hero-card .hero-card-cta-shell--bottom-corners {
	border-radius: 0 0 16px 16px;
}

.homepage-hero-section .hero-card-cta-shell:hover,
.homepage-hero-section .hero-card-cta-shell:focus-within,
.mobile-hero-card .hero-card-cta-shell:hover,
.mobile-hero-card .hero-card-cta-shell:focus-within {
	background: linear-gradient(100deg, rgba(29, 78, 216, 0.88) 0%, rgba(2, 132, 199, 0.82) 100%);
	transform: translate3d(0, -1px, 0);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		0 10px 28px rgba(15, 23, 42, 0.32),
		0 0 0 1px rgba(147, 197, 253, 0.35);
	border-color: rgba(147, 197, 253, 0.45);
}

.hero-card-cta-shell__inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.homepage-hero-section .hero-card-cta,
.mobile-hero-card .hero-card-cta {
	text-align: center;
	color: #f9fcfe !important;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	transition: color 0.15s ease;
}

.homepage-hero-section .hero-card-cta:hover,
.mobile-hero-card .hero-card-cta:hover {
	color: #ffffff !important;
}

.homepage-hero-section .hero-card-cta .bi,
.mobile-hero-card .hero-card-cta .bi {
	color: inherit !important;
}

html[data-bs-theme="dark"] .homepage-hero-section .hero-card-cta-shell,
html[data-bs-theme="dark"] .mobile-hero-card .hero-card-cta-shell,
body.dark-mode .homepage-hero-section .hero-card-cta-shell,
body.dark-mode .mobile-hero-card .hero-card-cta-shell {
	background: linear-gradient(
		105deg,
		rgba(15, 23, 42, 0.96) 0%,
		rgba(30, 58, 138, 0.88) 45%,
		rgba(37, 99, 235, 0.52) 100%
	);
	border-color: rgba(96, 165, 250, 0.32);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 6px 22px rgba(0, 0, 0, 0.45);
}

/* Hero glass panels: one rim treatment (replaces heavy grey ring on shop tile) */
.homepage-hero-section .hero-card-glass-stack {
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-bs-theme="dark"] .homepage-hero-section .hero-card-glass-stack,
body.dark-mode .homepage-hero-section .hero-card-glass-stack {
	box-shadow:
		0 0 0 1px rgba(96, 165, 250, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* User profile dropdown */
.dropdown-menu.user-menu-dropdown {
	border: 1px solid var(--pixerr-border) !important;
	border-radius: 12px;
	box-shadow: var(--pixerr-shadow-card);
	padding: 0.35rem 0;
	background-color: var(--bs-dropdown-bg) !important;
}

.dropdown-menu.user-menu-dropdown .dropdown-item {
	color: var(--pixerr-text) !important;
	transition: background-color 0.14s ease, color 0.14s ease;
}

.dropdown-menu.user-menu-dropdown .dropdown-item:hover,
.dropdown-menu.user-menu-dropdown .dropdown-item:focus {
	background-color: var(--pixerr-accent-soft) !important;
	color: var(--pixerr-text) !important;
}

.dropdown-menu.user-menu-dropdown .dropdown-item:focus-visible {
	outline: 2px solid rgba(147, 197, 253, 0.85);
	outline-offset: -2px;
}

.dropdown-menu.user-menu-dropdown .dropdown-divider {
	border-color: var(--pixerr-border);
	opacity: 1;
}

.user-menu-dropdown__admin-label {
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	color: var(--pixerr-text-dim) !important;
	letter-spacing: 0.04em;
}

/* Header search category */
#HeaderBottom .search-category-select {
	background-color: var(--pixerr-elevated) !important;
	color: var(--pixerr-text) !important;
	border: 1px solid transparent !important;
	transition:
		background-color 0.15s ease,
		box-shadow 0.15s ease,
		border-color 0.15s ease;
}

#HeaderBottom .search-category-select:hover {
	background-color: rgba(241, 247, 255, 0.98) !important;
	border-color: rgba(37, 99, 235, 0.18) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-bs-theme="dark"] #HeaderBottom .search-category-select,
body.dark-mode #HeaderBottom .search-category-select {
	border-color: rgba(96, 165, 250, 0.12) !important;
}

html[data-bs-theme="dark"] #HeaderBottom .search-category-select:hover,
body.dark-mode #HeaderBottom .search-category-select:hover {
	background-color: rgba(15, 23, 42, 0.92) !important;
	border-color: rgba(96, 165, 250, 0.42) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 0 0 1px rgba(96, 165, 250, 0.2);
}

#HeaderBottom .search-category-select:focus {
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.35);
	border-color: var(--pixerr-border-strong) !important;
}

/* Theme toggle (moon/sun) */
#HeaderBottom .icon-switch.mode-switcher .onoffswitch2-label {
	border-radius: 999px;
	cursor: pointer;
	transition: box-shadow 0.15s ease, filter 0.15s ease;
}

#HeaderBottom .icon-switch.mode-switcher:hover .onoffswitch2-label {
	box-shadow:
		0 0 0 2px rgba(59, 130, 246, 0.22),
		0 4px 14px rgba(15, 23, 42, 0.18);
}

html[data-bs-theme="dark"] #HeaderBottom .icon-switch.mode-switcher:hover .onoffswitch2-label,
body.dark-mode #HeaderBottom .icon-switch.mode-switcher:hover .onoffswitch2-label {
	box-shadow:
		0 0 0 2px rgba(96, 165, 250, 0.28),
		0 4px 18px rgba(0, 0, 0, 0.45);
}

#HeaderBottom .icon-switch.mode-switcher .onoffswitch2-checkbox:focus-visible + .onoffswitch2-label {
	outline: 2px solid rgba(147, 197, 253, 0.9);
	outline-offset: 3px;
}

html[data-bs-theme="dark"] #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-inner:before,
body.dark-mode #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-inner:before {
	background-color: rgba(15, 23, 42, 0.95) !important;
	border: 1px solid rgba(96, 165, 250, 0.22);
}

/* Sun segment stays a light half so the track reads; knob stays high-contrast on both sides */
html[data-bs-theme="dark"] #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-inner:after,
body.dark-mode #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-inner:after {
	background-color: rgba(248, 250, 252, 0.94) !important;
	color: #334155 !important;
	border: 1px solid rgba(148, 163, 184, 0.4);
}

/* Knob: always a bright “pearl” — beats .dark-mode .icon-switch.mode-switcher .onoffswitch2-switch (#2c3241) */
#HeaderBottom .icon-switch.mode-switcher .onoffswitch2-switch,
html[data-bs-theme="dark"] #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-switch,
body.dark-mode #HeaderBottom .icon-switch.mode-switcher .onoffswitch2-switch {
	background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 45%, #e2e8f0 100%) !important;
	border: 1px solid rgba(15, 23, 42, 0.14) !important;
	box-shadow:
		0 2px 7px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

#HeaderBottom .icon-switch.mode-switcher .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch,
html[data-bs-theme="dark"]
	#HeaderBottom
	.icon-switch.mode-switcher
	.onoffswitch2-checkbox:checked
	+ .onoffswitch2-label
	.onoffswitch2-switch,
body.dark-mode
	#HeaderBottom
	.icon-switch.mode-switcher
	.onoffswitch2-checkbox:checked
	+ .onoffswitch2-label
	.onoffswitch2-switch {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #e2e8f0 100%) !important;
	border-color: rgba(30, 58, 138, 0.2) !important;
	box-shadow:
		0 2px 10px rgba(37, 99, 235, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

#HeaderBottom .icon-switch.mode-switcher:hover .onoffswitch2-switch {
	box-shadow:
		0 2px 12px rgba(37, 99, 235, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

/* -------------------------------------------------------------------------- */
/* Store hover popover (homepage / product cards — StoreHoverStats.ts)         */
/* -------------------------------------------------------------------------- */

.pixerr-store-hover-popup {
	position: absolute;
	z-index: 1050;
	min-width: 300px;
	max-width: 360px;
	padding: 0.85rem 1rem;
	border-radius: 12px;
	line-height: 1.35;
	box-shadow:
		0 22px 56px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(96, 165, 250, 0.22);
}

.pixerr-store-hover-popup--dark {
	color: #f8fafc;
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.98) 0%, rgba(5, 7, 10, 0.99) 100%);
	border: 1px solid rgba(96, 165, 250, 0.22);
}

.pixerr-store-hover-popup--light {
	color: #0f172a;
	background: linear-gradient(165deg, #ffffff 0%, #f1f5f9 100%);
	border: 1px solid rgba(37, 99, 235, 0.14);
	box-shadow:
		0 18px 44px rgba(15, 23, 42, 0.12),
		0 0 0 1px rgba(37, 99, 235, 0.1);
}

.pixerr-store-hover-popup .pixerr-store-hover-title {
	font-weight: 600;
	color: inherit;
}

.pixerr-store-hover-popup--light .pixerr-store-hover-title {
	color: #0f172a;
}

.pixerr-store-hover-popup .pixerr-store-hover-handle {
	font-size: 0.8125rem;
	color: var(--pixerr-text-dim);
}

.pixerr-store-hover-popup--dark .pixerr-store-hover-handle {
	color: #94a3b8;
}

.pixerr-store-hover-popup--light .pixerr-store-hover-handle {
	color: #64748b;
}

.pixerr-store-hover-popup .pixerr-store-hover-stat-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.35rem;
	margin-bottom: 0.5rem;
}

.pixerr-store-hover-popup .pixerr-store-hover-stat-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	font-size: 0.7rem;
	white-space: nowrap;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #f8fafc;
	background: linear-gradient(100deg, #1e3a8a 0%, #1d4ed8 52%, #0369a1 100%);
	border: 1px solid rgba(147, 197, 253, 0.35);
	box-shadow: 0 0 14px rgba(37, 99, 235, 0.22);
}

.pixerr-store-hover-popup--light .pixerr-store-hover-stat-pill {
	color: #f8fafc;
}

.pixerr-store-hover-popup .pixerr-store-hover-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8125rem;
	color: inherit;
}

.pixerr-store-hover-popup .pixerr-store-hover-icon-star {
	color: rgba(250, 204, 21, 0.88);
}

.pixerr-store-hover-popup .pixerr-store-hover-icon-heart {
	color: rgba(248, 113, 113, 0.82);
}

.pixerr-store-hover-popup--light .pixerr-store-hover-icon-star {
	color: rgba(202, 138, 4, 0.95);
}

.pixerr-store-hover-popup--light .pixerr-store-hover-icon-heart {
	color: rgba(220, 38, 38, 0.85);
}

.pixerr-store-hover-popup .pixerr-store-hover-spinner {
	color: var(--pixerr-accent-strong);
}

.pixerr-store-hover-popup--dark .pixerr-store-hover-spinner {
	color: #93c5fd;
}

.pixerr-store-hover-popup .pixerr-store-hover-error {
	font-size: 0.875rem;
	color: var(--pixerr-text);
}

.pixerr-store-hover-popup--dark .pixerr-store-hover-error {
	color: #e2e8f0;
}

/* Homepage Product & Images row — type label (Product / Digital) on card imagery */
.homepage-store-row .pixerr-card-type-badge {
	display: inline-block;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 0.38rem 0.62rem;
	border-radius: 9px;
	color: #f8fafc;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: linear-gradient(165deg, rgba(15, 23, 42, 0.82) 0%, rgba(5, 7, 10, 0.88) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow:
		0 6px 18px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 0 0 1px rgba(2, 6, 23, 0.45);
}

.homepage-store-row .pixerr-card-type-badge--product {
	border-color: rgba(147, 197, 253, 0.45);
	box-shadow:
		0 6px 18px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 22px rgba(37, 99, 235, 0.28);
}

.homepage-store-row .pixerr-card-type-badge--digital {
	border-color: rgba(103, 232, 249, 0.42);
	box-shadow:
		0 6px 18px rgba(0, 0, 0, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 20px rgba(6, 182, 212, 0.24);
}

html[data-bs-theme="dark"] .homepage-store-row .pixerr-card-type-badge,
body.dark-mode .homepage-store-row .pixerr-card-type-badge {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.88) 0%, rgba(5, 7, 10, 0.92) 100%);
	border-color: rgba(96, 165, 250, 0.28);
}

html[data-bs-theme="dark"] .homepage-store-row .pixerr-card-type-badge--product,
body.dark-mode .homepage-store-row .pixerr-card-type-badge--product {
	border-color: rgba(147, 197, 253, 0.5);
	box-shadow:
		0 6px 20px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 26px rgba(59, 130, 246, 0.32);
}

html[data-bs-theme="dark"] .homepage-store-row .pixerr-card-type-badge--digital,
body.dark-mode .homepage-store-row .pixerr-card-type-badge--digital {
	border-color: rgba(103, 232, 249, 0.48);
	box-shadow:
		0 6px 20px rgba(0, 0, 0, 0.5),
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 0 24px rgba(34, 211, 238, 0.26);
}

/* Homepage product carousel: card lift + store link */
.homepage-store-row .product-overlay-card {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.homepage-store-row .product-overlay-card:hover,
.homepage-store-row .product-overlay-card:focus-within {
	transform: translateY(-2px);
	box-shadow: var(--pixerr-shadow-card) !important;
}

.homepage-store-row .store-link {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition:
		color 0.15s ease,
		border-color 0.15s ease,
		opacity 0.15s ease;
}

.homepage-store-row .store-link:hover {
	color: #e0f2fe !important;
	border-bottom-color: rgba(224, 242, 254, 0.65);
}

.homepage-store-row .overlay-action.btn-primary {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.homepage-store-row .overlay-action.btn-primary:hover,
.homepage-store-row .overlay-action.btn-primary:focus-visible {
	transform: translate3d(0, -1px, 0);
}

/* -------------------------------------------------------------------------- */
/* Feature requests (/Features, /Features/Detail)                             */
/* -------------------------------------------------------------------------- */

.feature-requests .card.bg-white.bg-opacity-10 {
	border: 1px solid var(--pixerr-border) !important;
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .feature-requests .card.bg-white.bg-opacity-10,
body.dark-mode .feature-requests .card.bg-white.bg-opacity-10 {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.2) !important;
}

html[data-bs-theme="dark"] .feature-requests .lead,
body.dark-mode .feature-requests .lead {
	color: #cbd5e1;
}

html[data-bs-theme="dark"] .feature-requests .card .h4,
html[data-bs-theme="dark"] .feature-requests .card h1,
html[data-bs-theme="dark"] .feature-requests .card .fs-5,
body.dark-mode .feature-requests .card .h4,
body.dark-mode .feature-requests .card h1,
body.dark-mode .feature-requests .card .fs-5 {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .feature-requests .card .small,
body.dark-mode .feature-requests .card .small {
	color: #94a3b8;
}

/* Status badges: high-contrast on dark cards (avoid muddy bg-info / bg-secondary) */
html[data-bs-theme="dark"] .feature-requests .badge.bg-secondary,
body.dark-mode .feature-requests .badge.bg-secondary {
	background: rgba(30, 41, 59, 0.95) !important;
	color: #f1f5f9 !important;
	border: 1px solid rgba(148, 163, 184, 0.4);
	font-weight: 600;
}

html[data-bs-theme="dark"] .feature-requests .badge.bg-info,
body.dark-mode .feature-requests .badge.bg-info {
	background: rgba(14, 116, 144, 0.35) !important;
	color: #ecfeff !important;
	border: 1px solid rgba(103, 232, 249, 0.45);
	font-weight: 600;
}

html[data-bs-theme="dark"] .feature-requests .badge.bg-primary,
body.dark-mode .feature-requests .badge.bg-primary {
	background: linear-gradient(100deg, #1e3a8a 0%, #1d4ed8 55%, #0369a1 100%) !important;
	color: #f8fafc !important;
	border: 1px solid rgba(147, 197, 253, 0.4);
	font-weight: 600;
}

html[data-bs-theme="dark"] .feature-requests .badge.bg-success,
body.dark-mode .feature-requests .badge.bg-success {
	background: rgba(6, 78, 59, 0.55) !important;
	color: #ecfdf5 !important;
	border: 1px solid rgba(52, 211, 153, 0.45);
	font-weight: 600;
}

html[data-bs-theme="dark"] .feature-requests .badge.bg-warning.text-dark,
body.dark-mode .feature-requests .badge.bg-warning.text-dark {
	background: rgba(51, 65, 85, 0.95) !important;
	color: #e2e8f0 !important;
	border: 1px solid rgba(148, 163, 184, 0.35);
	font-weight: 600;
}

.feature-requests__intro {
	color: var(--pixerr-text-dim);
}

html[data-bs-theme="dark"] .feature-requests__intro,
body.dark-mode .feature-requests__intro {
	color: #94a3b8;
}

/* -------------------------------------------------------------------------- */
/* Account: My Orders, Order details, Upscale History (_Layout)               */
/* -------------------------------------------------------------------------- */

.pixerr-account-ledger .pixerr-ledger-hero__title {
	color: var(--pixerr-text);
}

.pixerr-account-ledger .pixerr-ledger-hero__lead {
	color: var(--pixerr-text-dim);
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-hero__lead,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-hero__lead {
	color: #cbd5e1;
}

.pixerr-account-ledger .card.bg-white.bg-opacity-10 {
	border: 1px solid var(--pixerr-border) !important;
	box-shadow: var(--pixerr-shadow-card);
}

html[data-bs-theme="dark"] .pixerr-account-ledger .card.bg-white.bg-opacity-10,
body.dark-mode .pixerr-account-ledger .card.bg-white.bg-opacity-10 {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.2) !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .card-body h2,
body.dark-mode .pixerr-account-ledger .card-body h2 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .card-body,
body.dark-mode .pixerr-account-ledger .card-body {
	color: var(--pixerr-text) !important;
}

.pixerr-account-ledger .pixerr-ledger-table {
	margin-bottom: 0;
	color: var(--pixerr-text);
	--bs-table-bg: transparent;
	--bs-table-color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table thead th,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table thead th {
	background: rgba(15, 23, 42, 0.95) !important;
	color: #f8fafc !important;
	border-color: var(--pixerr-border) !important;
	font-weight: 600;
}

html[data-bs-theme="light"] .pixerr-account-ledger .pixerr-ledger-table thead th {
	background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%) !important;
	color: var(--pixerr-text) !important;
	border-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table tbody td,
html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table tbody th,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table tbody td,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table tbody th {
	border-color: var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="light"] .pixerr-account-ledger .pixerr-ledger-table tbody td,
html[data-bs-theme="light"] .pixerr-account-ledger .pixerr-ledger-table tbody th {
	border-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table tbody tr:hover,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table tbody tr:hover {
	background: rgba(30, 41, 59, 0.4) !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table a:not(.btn),
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table a:not(.btn) {
	color: var(--pixerr-accent);
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-table a:not(.btn):hover,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-table a:not(.btn):hover {
	color: #e0f2fe;
}

.pixerr-account-ledger .pixerr-ledger-meta {
	color: var(--pixerr-text-dim);
	font-size: 0.875rem;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-meta,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-meta {
	color: #94a3b8;
}

html[data-bs-theme="dark"] .pixerr-account-ledger dt.small,
body.dark-mode .pixerr-account-ledger dt.small {
	color: #94a3b8 !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger dd,
body.dark-mode .pixerr-account-ledger dd {
	color: var(--pixerr-text) !important;
}

.pixerr-account-ledger .pixerr-ledger-empty__icon {
	display: inline-block;
	color: var(--pixerr-text-dim);
	opacity: 0.88;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pixerr-ledger-empty__icon,
body.dark-mode .pixerr-account-ledger .pixerr-ledger-empty__icon {
	color: #94a3b8;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .text-success,
body.dark-mode .pixerr-account-ledger .text-success {
	color: #6ee7b7 !important;
}

/* Status badges (orders + upscale): readable on dark cards, no neon warning fills */
html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-secondary,
body.dark-mode .pixerr-account-ledger .badge.bg-secondary {
	background: rgba(30, 41, 59, 0.95) !important;
	color: #f1f5f9 !important;
	border: 1px solid rgba(148, 163, 184, 0.4);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-info,
body.dark-mode .pixerr-account-ledger .badge.bg-info {
	background: rgba(14, 116, 144, 0.35) !important;
	color: #ecfeff !important;
	border: 1px solid rgba(103, 232, 249, 0.45);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-primary,
body.dark-mode .pixerr-account-ledger .badge.bg-primary {
	background: linear-gradient(100deg, #1e3a8a 0%, #1d4ed8 55%, #0369a1 100%) !important;
	color: #f8fafc !important;
	border: 1px solid rgba(147, 197, 253, 0.4);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-success,
body.dark-mode .pixerr-account-ledger .badge.bg-success {
	background: rgba(6, 78, 59, 0.55) !important;
	color: #ecfdf5 !important;
	border: 1px solid rgba(52, 211, 153, 0.45);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-warning,
html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-warning.text-dark,
body.dark-mode .pixerr-account-ledger .badge.bg-warning,
body.dark-mode .pixerr-account-ledger .badge.bg-warning.text-dark {
	background: rgba(51, 65, 85, 0.95) !important;
	color: #e2e8f0 !important;
	border: 1px solid rgba(148, 163, 184, 0.35);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .badge.bg-danger,
body.dark-mode .pixerr-account-ledger .badge.bg-danger {
	background: rgba(127, 29, 29, 0.45) !important;
	color: #fecaca !important;
	border: 1px solid rgba(248, 113, 113, 0.4);
	font-weight: 600;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pagination .page-link,
body.dark-mode .pixerr-account-ledger .pagination .page-link {
	background: rgba(15, 23, 42, 0.92);
	border-color: var(--pixerr-border);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pagination .page-link:hover,
body.dark-mode .pixerr-account-ledger .pagination .page-link:hover {
	background: rgba(30, 41, 59, 0.95);
	border-color: rgba(96, 165, 250, 0.35);
	color: #f8fafc;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .pagination .page-item.active .page-link,
body.dark-mode .pixerr-account-ledger .pagination .page-item.active .page-link {
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
	color: #f8fafc !important;
}

html[data-bs-theme="light"] .pixerr-account-ledger .pagination .page-link {
	border-color: var(--pixerr-border);
	color: var(--pixerr-text);
}

html[data-bs-theme="light"] .pixerr-account-ledger .pagination .page-item.active .page-link {
	background: var(--pixerr-btn-gradient) !important;
	border-color: transparent !important;
	color: #f8fafc !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .alert.alert-success,
body.dark-mode .pixerr-account-ledger .alert.alert-success {
	background: rgba(6, 78, 59, 0.35) !important;
	border: 1px solid rgba(52, 211, 153, 0.35) !important;
	color: #ecfdf5 !important;
}

html[data-bs-theme="dark"] .pixerr-account-ledger .alert.alert-info,
body.dark-mode .pixerr-account-ledger .alert.alert-info {
	background: rgba(14, 116, 144, 0.22) !important;
	border: 1px solid rgba(103, 232, 249, 0.3) !important;
	color: #e0f2fe !important;
}

/* -------------------------------------------------------------------------- */
/* Cart flyout (premium dark / readable light)                                 */
/* -------------------------------------------------------------------------- */

.cart-flyout .digital-print-ready-addon .pixerr-cart-print-title,
#cartRoot .digital-print-ready-addon .pixerr-cart-print-title {
	color: #0f172a;
}

.cart-flyout .digital-print-ready-addon .pixerr-cart-print-desc,
#cartRoot .digital-print-ready-addon .pixerr-cart-print-desc {
	color: #475569;
}

.cart-flyout .digital-print-ready-addon .pixerr-cart-print-price,
#cartRoot .digital-print-ready-addon .pixerr-cart-print-price {
	color: #0f172a;
}

.cart-flyout .digital-print-ready-recommended,
#cartRoot .digital-print-ready-recommended {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #334155;
	background-color: #e2e8f0 !important;
	border-color: #cbd5e1 !important;
}

html[data-bs-theme="dark"] .cart-flyout .pixerr-cart-print-inline,
html[data-bs-theme="dark"] #cartRoot .pixerr-cart-print-inline,
body.dark-mode .cart-flyout .pixerr-cart-print-inline,
body.dark-mode #cartRoot .pixerr-cart-print-inline {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 10, 18, 0.96) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .cart-flyout,
body.dark-mode .cart-flyout {
	background: linear-gradient(180deg, rgba(10, 14, 22, 0.98) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border-left-color: rgba(96, 165, 250, 0.22) !important;
	box-shadow: -12px 0 40px rgba(0, 0, 0, 0.55);
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .cart-flyout .cart-header,
body.dark-mode .cart-flyout .cart-header {
	color: var(--pixerr-text);
	border-bottom-color: rgba(96, 165, 250, 0.2);
}

html[data-bs-theme="dark"] .cart-flyout .cart-header button,
body.dark-mode .cart-flyout .cart-header button {
	color: #e2e8f0;
}

html[data-bs-theme="dark"] .cart-flyout .cart-item,
body.dark-mode .cart-flyout .cart-item {
	border-bottom-color: rgba(96, 165, 250, 0.12);
}

html[data-bs-theme="dark"] .cart-flyout .cart-total,
body.dark-mode .cart-flyout .cart-total {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .cart-flyout a#gotoCart.btn-light,
html[data-bs-theme="dark"] .cart-flyout a#gotoCart.btn-light:focus,
body.dark-mode .cart-flyout a#gotoCart.btn-light,
body.dark-mode .cart-flyout a#gotoCart.btn-light:focus {
	background: transparent !important;
	color: var(--pixerr-text) !important;
	border: 1px solid rgba(248, 250, 252, 0.35) !important;
}

html[data-bs-theme="dark"] .cart-flyout a#gotoCart.btn-light:hover,
body.dark-mode .cart-flyout a#gotoCart.btn-light:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #ffffff !important;
	border-color: rgba(248, 250, 252, 0.55) !important;
}

/* Digital print-ready upsell — flyout + full cart page (#cartRoot) */
html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-addon,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-addon,
body.dark-mode .cart-flyout .digital-print-ready-addon,
body.dark-mode #cartRoot .digital-print-ready-addon {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 10, 18, 0.96) 100%) !important;
	border-color: rgba(96, 165, 250, 0.28) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-addon .pixerr-cart-print-title,
html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-addon .pixerr-cart-print-desc,
html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-addon .pixerr-cart-print-price,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-addon .pixerr-cart-print-title,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-addon .pixerr-cart-print-desc,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-addon .pixerr-cart-print-price,
body.dark-mode .cart-flyout .digital-print-ready-addon .pixerr-cart-print-title,
body.dark-mode .cart-flyout .digital-print-ready-addon .pixerr-cart-print-desc,
body.dark-mode .cart-flyout .digital-print-ready-addon .pixerr-cart-print-price,
body.dark-mode #cartRoot .digital-print-ready-addon .pixerr-cart-print-title,
body.dark-mode #cartRoot .digital-print-ready-addon .pixerr-cart-print-desc,
body.dark-mode #cartRoot .digital-print-ready-addon .pixerr-cart-print-price {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-addon .pixerr-cart-print-desc,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-addon .pixerr-cart-print-desc,
body.dark-mode .cart-flyout .digital-print-ready-addon .pixerr-cart-print-desc,
body.dark-mode #cartRoot .digital-print-ready-addon .pixerr-cart-print-desc {
	color: #cbd5e1 !important;
}

html[data-bs-theme="dark"] .cart-flyout .digital-print-ready-recommended,
html[data-bs-theme="dark"] #cartRoot .digital-print-ready-recommended,
body.dark-mode .cart-flyout .digital-print-ready-recommended,
body.dark-mode #cartRoot .digital-print-ready-recommended {
	color: #f8fafc !important;
	background: rgba(30, 58, 138, 0.65) !important;
	border-color: rgba(147, 197, 253, 0.45) !important;
}

/* -------------------------------------------------------------------------- */
/* Shopping cart page (/Cart) — subtotal / checkout column                    */
/* -------------------------------------------------------------------------- */

body[data-page="cart"] .pixerr-cart-page-summary {
	margin-top: 1.5rem;
	border-radius: 1rem !important;
	border: 1px solid var(--pixerr-border) !important;
	overflow: hidden;
}

html[data-bs-theme="light"] body[data-page="cart"] .pixerr-cart-page-summary {
	background: linear-gradient(165deg, #ffffff 0%, #f1f5f9 100%);
}

html[data-bs-theme="dark"] body[data-page="cart"] .pixerr-cart-page-summary,
body.dark-mode[data-page="cart"] .pixerr-cart-page-summary {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 18px 44px -24px rgba(0, 0, 0, 0.55),
		0 0 48px rgba(37, 99, 235, 0.12) !important;
}

html[data-bs-theme="dark"] body[data-page="cart"] .pixerr-cart-page-summary .card-title,
body.dark-mode[data-page="cart"] .pixerr-cart-page-summary .card-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body[data-page="cart"] .pixerr-cart-page-summary .checkout-btn,
body.dark-mode[data-page="cart"] .pixerr-cart-page-summary .checkout-btn {
	box-shadow: 0 8px 24px rgba(37, 99, 235, 0.28);
}

/* Empty-cart notice: neutral panel instead of loud default .alert-info */
html[data-bs-theme="dark"] body[data-page="cart"] #cartRoot .alert.alert-info,
body.dark-mode[data-page="cart"] #cartRoot .alert.alert-info {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 10, 18, 0.96) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.22) !important;
	border-left-width: 4px !important;
	border-left-color: rgba(96, 165, 250, 0.5) !important;
	color: var(--pixerr-text) !important;
}

/* -------------------------------------------------------------------------- */
/* Global dark: replace harsh default yellow <mark> (style.css)               */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] mark,
body.dark-mode mark {
	background-color: rgba(96, 165, 250, 0.22) !important;
	color: #f8fafc !important;
}

/* -------------------------------------------------------------------------- */
/* Search results (Views/Search/Index — .pixerr-search-page)                  */
/* -------------------------------------------------------------------------- */

.pixerr-search-page .pixerr-search-muted {
	color: var(--pixerr-text-muted);
}

html[data-bs-theme="dark"] .pixerr-search-page .pixerr-search-muted,
body.dark-mode .pixerr-search-page .pixerr-search-muted {
	color: var(--pixerr-text-dim);
}

.pixerr-search-page .search-results-header h3 {
	color: var(--pixerr-text);
}

html[data-bs-theme="dark"] .pixerr-search-page .card.shadow-sm,
body.dark-mode .pixerr-search-page .card.shadow-sm {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.96) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.18) !important;
	box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.4), 0 16px 40px -24px rgba(0, 0, 0, 0.5) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .card .card-title,
body.dark-mode .pixerr-search-page .card .card-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .list-group-item,
body.dark-mode .pixerr-search-page .list-group-item {
	background: rgba(15, 23, 42, 0.45) !important;
	border-color: rgba(96, 165, 250, 0.12) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .list-group-item:hover,
body.dark-mode .pixerr-search-page .list-group-item:hover {
	background: rgba(30, 41, 59, 0.65) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .list-group-item .small,
body.dark-mode .pixerr-search-page .list-group-item .small {
	color: #94a3b8 !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .badge.badge-circle.bg-secondary,
body.dark-mode .pixerr-search-page .badge.badge-circle.bg-secondary {
	background: rgba(30, 58, 138, 0.55) !important;
	color: #e0f2fe !important;
	border: 1px solid rgba(147, 197, 253, 0.35);
}

html[data-bs-theme="dark"] .pixerr-search-page .pixerr-search-empty-hint,
html[data-bs-theme="dark"] .pixerr-search-page .pixerr-search-no-results,
body.dark-mode .pixerr-search-page .pixerr-search-empty-hint,
body.dark-mode .pixerr-search-page .pixerr-search-no-results {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.92) 0%, rgba(6, 10, 18, 0.96) 100%) !important;
	border-color: rgba(96, 165, 250, 0.22) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .public-gallery-card .btn-success,
body.dark-mode .pixerr-search-page .public-gallery-card .btn-success {
	background: linear-gradient(100deg, #0f766e 0%, #0d9488 48%, #059669 100%) !important;
	border: 1px solid rgba(45, 212, 191, 0.35) !important;
	color: #ecfdf5 !important;
}

/* Image grid cards (no .shadow-sm): match token surfaces + action strip */
html[data-bs-theme="dark"] .pixerr-search-page .public-gallery-card.card,
body.dark-mode .pixerr-search-page .public-gallery-card.card {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.98) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border: 1px solid var(--pixerr-border-strong) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.42),
		0 18px 44px -22px rgba(0, 0, 0, 0.55) !important;
	color: var(--pixerr-text) !important;
	overflow: hidden;
}

html[data-bs-theme="dark"] .pixerr-search-page .public-gallery-card .card-body,
body.dark-mode .pixerr-search-page .public-gallery-card .card-body {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.5) 0%, rgba(7, 10, 16, 0.92) 100%) !important;
	border-top: 1px solid var(--pixerr-border) !important;
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .search-result-image-wrap,
body.dark-mode .pixerr-search-page .search-result-image-wrap {
	background: rgba(7, 10, 16, 0.65) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .search-result-image-wrap .interactive-overlay,
body.dark-mode .pixerr-search-page .search-result-image-wrap .interactive-overlay {
	background: linear-gradient(transparent, rgba(5, 8, 14, 0.82)) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .public-gallery-card .image-price-badge .badge.bg-success,
body.dark-mode .pixerr-search-page .public-gallery-card .image-price-badge .badge.bg-success {
	background: linear-gradient(100deg, rgba(5, 150, 105, 0.95) 0%, rgba(13, 148, 136, 0.95) 100%) !important;
	border: 1px solid rgba(45, 212, 191, 0.4) !important;
	color: #ecfdf5 !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page .card-engagement-bar [data-size="Stars Big"],
body.dark-mode .pixerr-search-page .card-engagement-bar [data-size="Stars Big"],
html[data-bs-theme="dark"] .pixerr-search-page .card-engagement-bar .engagement-like-inner,
body.dark-mode .pixerr-search-page .card-engagement-bar .engagement-like-inner {
	background: rgba(15, 23, 42, 0.58) !important;
	border: 1px solid rgba(96, 165, 250, 0.12);
}

html[data-bs-theme="dark"] .pixerr-search-page aside .card .card-title,
body.dark-mode .pixerr-search-page aside .card .card-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] .pixerr-search-page aside .card a,
body.dark-mode .pixerr-search-page aside .card a {
	color: #e2e8f0;
}

html[data-bs-theme="dark"] .pixerr-search-page aside .card a.fw-semibold,
body.dark-mode .pixerr-search-page aside .card a.fw-semibold {
	color: #f8fafc;
}

html[data-bs-theme="dark"] .pixerr-search-page aside .card a .bi-check-circle-fill,
body.dark-mode .pixerr-search-page aside .card a .bi-check-circle-fill {
	color: #93c5fd;
}

/* -------------------------------------------------------------------------- */
/* Dashboard — storefront banner (tokenized copy; was inline #111827)        */
/* -------------------------------------------------------------------------- */

.pixerr-storefront-banner__title {
	color: #0f172a;
}

.pixerr-storefront-banner__text {
	color: #475569;
}

.pixerr-storefront-banner__text strong {
	color: #0f172a;
}

.pixerr-storefront-banner__meta {
	color: #475569;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__title,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__text,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__text {
	color: #cbd5e1 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__text strong,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__text strong {
	color: #f8fafc !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__meta,
body.dark-mode.pixerr-dashboard-app .pixerr-storefront-select-host .pixerr-storefront-banner__meta {
	color: #94a3b8 !important;
}

/* Earnings — “How money moves” (semantic classes; no inline colors) */
.pixerr-payout-how-money-callout .pixerr-payout-how-money__icon {
	color: #64748b;
	opacity: 0.9;
}

.pixerr-payout-how-money-callout .pixerr-payout-how-money__content,
.pixerr-payout-how-money-callout .pixerr-payout-how-money__title {
	color: #0f172a;
}

.pixerr-payout-how-money-callout .pixerr-payout-how-money__list {
	color: #475569;
}

.pixerr-payout-how-money-callout .pixerr-payout-how-money__list strong {
	color: #0f172a;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__icon,
body.dark-mode.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__icon {
	color: #94a3b8 !important;
	opacity: 1;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__content,
html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__title,
body.dark-mode.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__content,
body.dark-mode.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__list,
body.dark-mode.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__list {
	color: #94a3b8 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__list strong,
body.dark-mode.pixerr-dashboard-app .pixerr-payout-how-money-callout .pixerr-payout-how-money__list strong {
	color: #f1f5f9 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app #requestPayoutBtn.btn-success,
body.dark-mode.pixerr-dashboard-app #requestPayoutBtn.btn-success {
	background: linear-gradient(180deg, #047857 0%, #059669 55%, #0d9488 100%) !important;
	border: 1px solid rgba(167, 243, 208, 0.45) !important;
	color: #ecfdf5 !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app #requestPayoutBtn.btn-success:disabled,
body.dark-mode.pixerr-dashboard-app #requestPayoutBtn.btn-success:disabled {
	opacity: 0.55;
}

/* Token top-up (dashboard card): balance + secure row + reassurance */
body.pixerr-dashboard-app .token-top-up-meta {
	padding-left: 0.35rem;
	padding-right: 0.35rem;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-balance-label,
body.dark-mode.pixerr-dashboard-app .token-top-up-balance-label {
	color: #94a3b8 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-balance-pill,
body.dark-mode.pixerr-dashboard-app .token-top-up-balance-pill {
	background: rgba(15, 23, 42, 0.65) !important;
	border-color: rgba(96, 165, 250, 0.25) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-secure-badge,
body.dark-mode.pixerr-dashboard-app .token-top-up-secure-badge {
	background: rgba(15, 23, 42, 0.55) !important;
	border-color: rgba(52, 211, 153, 0.35) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-secure-title,
body.dark-mode.pixerr-dashboard-app .token-top-up-secure-title {
	color: #d1fae5 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-secure-sub,
body.dark-mode.pixerr-dashboard-app .token-top-up-secure-sub {
	color: #a7f3d0 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-secure-icon,
body.dark-mode.pixerr-dashboard-app .token-top-up-secure-icon {
	color: #6ee7b7 !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-reassurance,
body.dark-mode.pixerr-dashboard-app .token-top-up-reassurance {
	background: rgba(15, 23, 42, 0.42) !important;
	border-color: rgba(96, 165, 250, 0.15) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-reassurance-icon,
body.dark-mode.pixerr-dashboard-app .token-top-up-reassurance-icon {
	background: rgba(30, 58, 138, 0.45) !important;
	color: #bfdbfe !important;
}

/* Dashboard inline pack row (same partial as modal) */
html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-balance-value,
body.dark-mode.pixerr-dashboard-app .token-top-up-balance-value {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-pack-card.card,
body.dark-mode.pixerr-dashboard-app .token-top-up-pack-card.card {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 8, 14, 0.99) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.2) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 16px 40px -20px rgba(0, 0, 0, 0.5);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-pack-card--featured.card,
body.dark-mode.pixerr-dashboard-app .token-top-up-pack-card--featured.card {
	border: 2px solid rgba(96, 165, 250, 0.5) !important;
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.25),
		0 18px 48px -16px rgba(37, 99, 235, 0.22);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-pack-name,
html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-pack-price,
body.dark-mode.pixerr-dashboard-app .token-top-up-pack-name,
body.dark-mode.pixerr-dashboard-app .token-top-up-pack-price {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-token-pill,
body.dark-mode.pixerr-dashboard-app .token-top-up-token-pill {
	background: rgba(30, 58, 138, 0.45) !important;
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
	color: #e0f2fe !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-benefits,
body.dark-mode.pixerr-dashboard-app .token-top-up-benefits {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-benefit-icon,
body.dark-mode.pixerr-dashboard-app .token-top-up-benefit-icon {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-top-up-pack-ribbon-inner,
body.dark-mode.pixerr-dashboard-app .token-top-up-pack-ribbon-inner {
	background: linear-gradient(100deg, #4c1d95 0%, #1e40af 48%, #0369a1 100%) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}

/* -------------------------------------------------------------------------- */
/* Token upgrade modal (#token-upgrade-modal) — Designer + shared hosts      */
/* -------------------------------------------------------------------------- */

html[data-bs-theme="dark"] #token-upgrade-modal .modal-content.token-upgrade-modal-shell,
html[data-bs-theme="dark"] #token-upgrade-modal .modal-content,
body.dark-mode #token-upgrade-modal .modal-content.token-upgrade-modal-shell,
body.dark-mode #token-upgrade-modal .modal-content {
	background: linear-gradient(165deg, rgba(12, 17, 28, 0.98) 0%, rgba(5, 7, 10, 0.99) 100%) !important;
	border: 1px solid var(--pixerr-border-strong) !important;
	color: var(--pixerr-text) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.5),
		0 28px 80px rgba(0, 0, 0, 0.55);
}

html[data-bs-theme="dark"] #token-upgrade-modal .modal-header,
body.dark-mode #token-upgrade-modal .modal-header {
	border-bottom-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .modal-title,
body.dark-mode #token-upgrade-modal .modal-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-upgrade-modal-subtitle,
html[data-bs-theme="dark"] .token-upgrade-modal-subtitle,
body.dark-mode #token-upgrade-modal .token-upgrade-modal-subtitle,
body.dark-mode .token-upgrade-modal-subtitle {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .btn-close,
body.dark-mode #token-upgrade-modal .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}

html[data-bs-theme="dark"] #token-upgrade-modal .modal-body,
body.dark-mode #token-upgrade-modal .modal-body {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-container,
body.dark-mode #token-upgrade-modal .token-top-up-container {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-container p,
body.dark-mode #token-upgrade-modal .token-top-up-container p {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-container strong,
body.dark-mode #token-upgrade-modal .token-top-up-container strong {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-container .display-6,
body.dark-mode #token-upgrade-modal .token-top-up-container .display-6 {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-upgrade-modal-title-icon,
body.dark-mode #token-upgrade-modal .token-upgrade-modal-title-icon {
	background: var(--pixerr-accent-soft) !important;
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-balance-pill,
body.dark-mode #token-upgrade-modal .token-top-up-balance-pill {
	background: rgba(15, 23, 42, 0.72) !important;
	border: 1px solid rgba(96, 165, 250, 0.3) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-balance-label,
body.dark-mode #token-upgrade-modal .token-top-up-balance-label {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-balance-value,
body.dark-mode #token-upgrade-modal .token-top-up-balance-value {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-balance-icon,
body.dark-mode #token-upgrade-modal .token-top-up-balance-icon {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-secure-badge,
body.dark-mode #token-upgrade-modal .token-top-up-secure-badge {
	background: rgba(15, 23, 42, 0.55) !important;
	border: 1px solid rgba(52, 211, 153, 0.32) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-secure-title,
body.dark-mode #token-upgrade-modal .token-top-up-secure-title {
	color: #d1fae5 !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-secure-sub,
body.dark-mode #token-upgrade-modal .token-top-up-secure-sub {
	color: #a7f3d0 !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-secure-icon,
body.dark-mode #token-upgrade-modal .token-top-up-secure-icon {
	color: #6ee7b7 !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-pack-card.card,
body.dark-mode #token-upgrade-modal .token-top-up-pack-card.card {
	background: linear-gradient(155deg, rgba(15, 23, 42, 0.96) 0%, rgba(5, 8, 14, 0.99) 100%) !important;
	border: 1px solid rgba(96, 165, 250, 0.2) !important;
	box-shadow:
		0 0 0 1px rgba(2, 6, 23, 0.45),
		0 16px 40px -20px rgba(0, 0, 0, 0.5);
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-pack-card--featured.card,
body.dark-mode #token-upgrade-modal .token-top-up-pack-card--featured.card {
	border: 2px solid rgba(96, 165, 250, 0.5) !important;
	box-shadow:
		0 0 0 1px rgba(59, 130, 246, 0.25),
		0 18px 48px -16px rgba(37, 99, 235, 0.22);
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-pack-name,
html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-pack-price,
body.dark-mode #token-upgrade-modal .token-top-up-pack-name,
body.dark-mode #token-upgrade-modal .token-top-up-pack-price {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-token-pill,
body.dark-mode #token-upgrade-modal .token-top-up-token-pill {
	background: rgba(30, 58, 138, 0.45) !important;
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
	color: #e0f2fe !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-benefits,
body.dark-mode #token-upgrade-modal .token-top-up-benefits {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-benefit-icon,
body.dark-mode #token-upgrade-modal .token-top-up-benefit-icon {
	color: var(--pixerr-accent) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-reassurance,
body.dark-mode #token-upgrade-modal .token-top-up-reassurance {
	background: rgba(15, 23, 42, 0.5) !important;
	border-color: var(--pixerr-border) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-reassurance-title,
body.dark-mode #token-upgrade-modal .token-top-up-reassurance-title {
	color: var(--pixerr-text) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-reassurance-body,
body.dark-mode #token-upgrade-modal .token-top-up-reassurance-body {
	color: var(--pixerr-text-muted) !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-reassurance-icon,
body.dark-mode #token-upgrade-modal .token-top-up-reassurance-icon {
	background: rgba(30, 58, 138, 0.45) !important;
	color: #bfdbfe !important;
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-top-up-pack-ribbon-inner,
body.dark-mode #token-upgrade-modal .token-top-up-pack-ribbon-inner {
	background: linear-gradient(100deg, #4c1d95 0%, #1e40af 48%, #0369a1 100%) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}

html[data-bs-theme="dark"] #token-upgrade-modal .token-buy-button.btn-primary,
body.dark-mode #token-upgrade-modal .token-buy-button.btn-primary {
	border: 1px solid rgba(147, 197, 253, 0.35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .token-buy-button.btn-primary,
body.dark-mode.pixerr-dashboard-app .token-buy-button.btn-primary {
	border: 1px solid rgba(147, 197, 253, 0.35);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

/* QR sits on white pixels — mat it so it doesn’t float on pure page black */
html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-dashboard-qr-wrap,
body.dark-mode.pixerr-dashboard-app .pixerr-dashboard-qr-wrap {
	display: inline-block;
	padding: 0.65rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, rgba(30, 41, 59, 0.92) 0%, rgba(15, 23, 42, 0.96) 100%);
	border: 1px solid rgba(96, 165, 250, 0.2);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

html[data-bs-theme="dark"] body.pixerr-dashboard-app .pixerr-dashboard-qr-wrap img,
body.dark-mode.pixerr-dashboard-app .pixerr-dashboard-qr-wrap img {
	border-radius: 0.35rem;
}