/* Relay Radio Store — global design system */
body.relay-store-theme {
	--relay-bg: #070a14;
	--relay-bg-2: #0b1020;
	--relay-panel: #11182a;
	--relay-panel-2: #151d31;
	--relay-panel-3: #1a2340;
	--relay-border: rgba(154, 169, 211, 0.17);
	--relay-border-strong: rgba(143, 108, 255, 0.38);
	--relay-text: #f4f7ff;
	--relay-text-soft: #c2cadb;
	--relay-muted: #8995ad;
	--relay-purple: #8b5cf6;
	--relay-purple-bright: #a78bfa;
	--relay-blue: #4f8cff;
	--relay-cyan: #46c9ff;
	--relay-success: #34d399;
	--relay-danger: #fb7185;
	--relay-warning: #fbbf24;
	--relay-radius-sm: 10px;
	--relay-radius: 16px;
	--relay-radius-lg: 22px;
	--relay-shadow: 0 18px 50px rgba(0, 0, 0, 0.30);
	--relay-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.20);
	--relay-gradient: linear-gradient(135deg, var(--relay-purple), var(--relay-blue));
	background:
		radial-gradient(circle at 18% -10%, rgba(139, 92, 246, 0.14), transparent 34rem),
		radial-gradient(circle at 88% 4%, rgba(79, 140, 255, 0.10), transparent 30rem),
		var(--relay-bg);
	color: var(--relay-text-soft);
}

body.relay-store-theme,
body.relay-store-theme p,
body.relay-store-theme li,
body.relay-store-theme td,
body.relay-store-theme th,
body.relay-store-theme label,
body.relay-store-theme input,
body.relay-store-theme textarea,
body.relay-store-theme select,
body.relay-store-theme button {
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

body.relay-store-theme .page-wrapper,
body.relay-store-theme #main,
body.relay-store-theme .main-content,
body.relay-store-theme .main-content-wrap {
	background: transparent;
}

body.relay-store-theme #main {
	padding-top: 34px;
	padding-bottom: 58px;
}

body.relay-store-theme h1,
body.relay-store-theme h2,
body.relay-store-theme h3,
body.relay-store-theme h4,
body.relay-store-theme h5,
body.relay-store-theme h6,
body.relay-store-theme .entry-title,
body.relay-store-theme .page-title {
	color: var(--relay-text);
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
	font-weight: 750;
	letter-spacing: -0.02em;
}

body.relay-store-theme a {
	color: #a9c7ff;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.relay-store-theme a:hover,
body.relay-store-theme a:focus {
	color: #ffffff;
}

body.relay-store-theme hr {
	border-color: var(--relay-border);
}

body.relay-store-theme ::selection {
	background: rgba(139, 92, 246, .42);
	color: #fff;
}

body.relay-store-theme .container {
	width: min(100% - 32px, 1240px);
}

body.relay-store-theme .breadcrumb,
body.relay-store-theme .breadcrumbs,
body.relay-store-theme .page-top {
	background: rgba(11, 16, 32, .78);
	border-color: var(--relay-border);
	color: var(--relay-muted);
}

body.relay-store-theme .page-top {
	border-bottom: 1px solid var(--relay-border);
}

body.relay-store-theme .breadcrumb a,
body.relay-store-theme .breadcrumbs a {
	color: var(--relay-text-soft);
}

body.relay-store-theme .breadcrumb .active,
body.relay-store-theme .breadcrumbs .active {
	color: var(--relay-text);
}

body.relay-store-theme input[type="text"],
body.relay-store-theme input[type="email"],
body.relay-store-theme input[type="password"],
body.relay-store-theme input[type="tel"],
body.relay-store-theme input[type="number"],
body.relay-store-theme input[type="search"],
body.relay-store-theme input[type="url"],
body.relay-store-theme textarea,
body.relay-store-theme select,
body.relay-store-theme .select2-container .select2-selection--single,
body.relay-store-theme .select2-container .select2-selection--multiple {
	background: #0c1222;
	border: 1px solid var(--relay-border);
	border-radius: var(--relay-radius-sm);
	color: var(--relay-text);
	min-height: 44px;
	box-shadow: none;
}

body.relay-store-theme input:focus,
body.relay-store-theme textarea:focus,
body.relay-store-theme select:focus,
body.relay-store-theme .select2-container--open .select2-selection {
	border-color: rgba(139, 92, 246, .72);
	box-shadow: 0 0 0 3px rgba(139, 92, 246, .13);
	outline: 0;
}

body.relay-store-theme input::placeholder,
body.relay-store-theme textarea::placeholder {
	color: #69758d;
}

body.relay-store-theme .select2-dropdown,
body.relay-store-theme .select2-results__option {
	background: var(--relay-panel);
	color: var(--relay-text-soft);
	border-color: var(--relay-border);
}

body.relay-store-theme .select2-results__option--highlighted[aria-selected],
body.relay-store-theme .select2-results__option--highlighted[data-selected] {
	background: var(--relay-purple);
	color: #fff;
}

body.relay-store-theme .button,
body.relay-store-theme button.button,
body.relay-store-theme input.button,
body.relay-store-theme .btn,
body.relay-store-theme .wc-proceed-to-checkout .checkout-button {
	border-radius: 999px;
	font-weight: 750;
	letter-spacing: .01em;
	min-height: 42px;
	padding: 11px 20px;
	box-shadow: none;
	text-transform: none;
}

body.relay-store-theme .button:not(.alt),
body.relay-store-theme button.button:not(.alt),
body.relay-store-theme input.button:not(.alt),
body.relay-store-theme .btn:not(.btn-primary) {
	background: #18213a;
	border: 1px solid var(--relay-border);
	color: var(--relay-text);
}

body.relay-store-theme .button:hover,
body.relay-store-theme button.button:hover,
body.relay-store-theme input.button:hover,
body.relay-store-theme .btn:hover {
	border-color: rgba(139, 92, 246, .55);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .20);
	transform: translateY(-1px);
}

body.relay-store-theme .button.alt,
body.relay-store-theme button.button.alt,
body.relay-store-theme input.button.alt,
body.relay-store-theme .btn-primary,
body.relay-store-theme .wc-proceed-to-checkout .checkout-button,
body.relay-store-theme #place_order {
	background: var(--relay-gradient);
	border: 0;
	color: #fff;
	box-shadow: 0 10px 24px rgba(80, 78, 225, .20);
}

body.relay-store-theme .button.alt:hover,
body.relay-store-theme button.button.alt:hover,
body.relay-store-theme .btn-primary:hover,
body.relay-store-theme .wc-proceed-to-checkout .checkout-button:hover,
body.relay-store-theme #place_order:hover {
	filter: brightness(1.08);
	color: #fff;
}

body.relay-store-theme .widget,
body.relay-store-theme .sidebar-content,
body.relay-store-theme .porto-block,
body.relay-store-theme .card,
body.relay-store-theme .panel {
	border-color: var(--relay-border);
}

body.relay-store-theme .sidebar-content .widget,
body.relay-store-theme .widget_layered_nav,
body.relay-store-theme .widget_price_filter,
body.relay-store-theme .widget_product_categories {
	background: rgba(17, 24, 42, .76);
	border: 1px solid var(--relay-border);
	border-radius: var(--relay-radius);
	padding: 20px;
	box-shadow: var(--relay-shadow-soft);
}

body.relay-store-theme .widget-title {
	color: var(--relay-text);
	font-size: .93rem;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
}

body.relay-store-theme .relay-store-kicker {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--relay-purple-bright);
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.relay-store-theme .relay-store-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none;
}

body.relay-store-theme .relay-store-button--primary {
	background: var(--relay-gradient);
	color: #fff;
	box-shadow: 0 12px 28px rgba(79, 79, 220, .22);
}

body.relay-store-theme .relay-store-button--secondary {
	background: rgba(255,255,255,.04);
	border: 1px solid var(--relay-border);
	color: var(--relay-text);
}