/**
 * JT TypePro — dark modern storefront shell (default).
 */

:root,
html,
body {
	--jt-bg: #0a0a0a;
	--jt-surface: #111111;
	--jt-surface-2: #1a1a1a;
	--jt-text: rgba(255, 255, 255, 0.92);
	--jt-muted: rgba(255, 255, 255, 0.55);
	--jt-border: rgba(255, 255, 255, 0.08);
	--jt-primary: #ffffff;
	--jt-primary-text: #0a0a0a;
	--jt-hero-preview-bg: #111111;
	--jt-hero-preview-text: #ffffff;
	--header-bg: rgba(8, 8, 8, 0.92);
	--header-border: rgba(255, 255, 255, 0.08);
	--header-link: rgba(255, 255, 255, 0.94);
	--header-icon: rgba(255, 255, 255, 0.94);
}

html,
body {
	background: var(--jt-bg);
	color: var(--jt-text);
}

body.jt-typepro-layout .jt-tp-header.jt-header {
	position: sticky !important;
	top: var(--jt-header-offset, 0) !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	height: auto !important;
	min-height: var(--jt-tp-header-h, 76px);
	padding: 0 !important;
	background: var(--jt-tp-header-bg, rgba(8, 8, 8, 0.92)) !important;
	color: var(--jt-tp-header-text, rgba(255, 255, 255, 0.94)) !important;
	border-bottom: 1px solid var(--jt-tp-header-border, rgba(255, 255, 255, 0.08)) !important;
	backdrop-filter: blur(14px) !important;
	-webkit-backdrop-filter: blur(14px) !important;
	box-shadow: none !important;
}

body.jt-typepro-layout .jt-tp-header.jt-header.jt-header--scrolled {
	background: var(--jt-tp-header-bg, rgba(8, 8, 8, 0.92)) !important;
	box-shadow: none !important;
}

body.jt-typepro-layout {
	padding-top: 0 !important;
}