/**
 * JT TypePro — light storefront (default, no dark mode).
 */

:root,
html,
body {
	--jt-bg: #f4f4f4;
	--jt-surface: #ffffff;
	--jt-surface-2: #f5f5f5;
	--jt-text: rgba(0, 0, 0, 0.9);
	--jt-muted: rgba(0, 0, 0, 0.55);
	--jt-border: rgba(0, 0, 0, 0.1);
	--jt-primary: #111111;
	--jt-primary-text: #ffffff;
	--jt-hero-preview-bg: #111111;
	--jt-hero-preview-text: #ffffff;
	--header-bg: #f3f3f3;
	--header-border: rgba(0, 0, 0, 0.06);
	--header-link: #111111;
	--header-icon: #111111;
}

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

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

/* Native TypePro header — beat legacy dark .jt-header rules from elementor-header.css */
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, 72px);
	padding: 0 !important;
	background: var(--jt-tp-header-bg, #f3f3f3) !important;
	color: var(--jt-tp-header-text, #111111) !important;
	border-bottom: 1px solid var(--jt-tp-header-border, rgba(0, 0, 0, 0.06)) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}

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

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