/* Relay Radio Store — custom child-theme header and footer */
body.relay-store-theme .relay-store-station-bar {
	position: relative;
	z-index: 1003;
	background: rgba(5, 8, 18, .98);
	border-bottom: 1px solid rgba(143, 108, 255, .20);
	color: var(--relay-text-soft);
}

body.relay-store-theme .relay-store-station-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	min-height: 42px;
}

body.relay-store-theme .relay-store-station-bar__brand,
body.relay-store-theme .relay-store-station-bar__actions,
body.relay-store-theme .relay-store-station-bar__home,
body.relay-store-theme .relay-store-listen-live {
	display: flex;
	align-items: center;
}

body.relay-store-theme .relay-store-station-bar__brand { gap: 14px; min-width: 0; }
body.relay-store-theme .relay-store-station-bar__home {
	gap: 8px;
	color: #fff;
	font-size: .82rem;
	font-weight: 850;
	text-decoration: none;
	white-space: nowrap;
}
body.relay-store-theme .relay-store-station-bar__dot,
body.relay-store-theme .relay-store-listen-live__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #53d890;
	box-shadow: 0 0 0 5px rgba(83, 216, 144, .11);
	flex: 0 0 auto;
}
body.relay-store-theme .relay-store-station-bar__tagline {
	color: #7f8ba3;
	font-size: .72rem;
	letter-spacing: .025em;
	white-space: nowrap;
}
body.relay-store-theme .relay-store-station-bar__actions { justify-content: flex-end; gap: 6px; }
body.relay-store-theme .relay-store-station-bar__actions > a {
	padding: 6px 9px;
	border-radius: 999px;
	color: #aeb9ce;
	font-size: .72rem;
	font-weight: 750;
	text-decoration: none;
	white-space: nowrap;
}
body.relay-store-theme .relay-store-station-bar__actions > a:hover { background: rgba(255,255,255,.05); color: #fff; }
body.relay-store-theme .relay-store-station-bar__actions .relay-store-listen-live {
	gap: 8px;
	padding-inline: 13px;
	background: linear-gradient(135deg, rgba(139,92,246,.25), rgba(79,140,255,.24));
	border: 1px solid rgba(139,92,246,.38);
	color: #fff;
}
body.relay-store-theme .relay-store-listen-live__pulse {
	width: 7px;
	height: 7px;
	background: #fb7185;
	box-shadow: 0 0 0 4px rgba(251,113,133,.10);
}

/* Keep Porto's configured header untouched for rollback, but do not display it. */
body.relay-store-theme .header-wrapper { display: none !important; }

body.relay-store-theme .relay-shop-header {
	position: relative;
	z-index: 1002;
	background:
		radial-gradient(circle at 18% 0, rgba(139,92,246,.12), transparent 28rem),
		linear-gradient(180deg, #0d1325 0%, #0a0f1e 100%);
	border-bottom: 1px solid var(--relay-border);
	box-shadow: 0 16px 38px rgba(0,0,0,.22);
}

body.relay-store-theme .relay-shop-header__main {
	display: grid;
	grid-template-columns: auto minmax(260px, 1fr) auto;
	align-items: center;
	gap: 28px;
	min-height: 94px;
}

body.relay-store-theme .relay-shop-header__identity {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 205px;
}
body.relay-store-theme .relay-shop-header__logo-link { display: block; }
body.relay-store-theme .relay-shop-header__logo-link .logo { width: auto !important; margin: 0 !important; padding: 0 !important; }
body.relay-store-theme .relay-shop-header__logo-link .logo a { display: block; }
body.relay-store-theme .relay-shop-header__logo-link .logo img {
	display: block;
	width: auto !important;
	max-width: 78px !important;
	height: 68px !important;
	max-height: 68px !important;
	object-fit: contain;
}
body.relay-store-theme .relay-shop-header__logo-link .overlay-logo { display: none; }
body.relay-store-theme .relay-shop-header__text-logo { color: #fff; font-size: 1.25rem; font-weight: 900; text-decoration: none; }
body.relay-store-theme .relay-shop-header__store-name {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}
body.relay-store-theme .relay-shop-header__store-name span {
	margin-bottom: 5px;
	color: var(--relay-purple-bright);
	font-size: .65rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
}
body.relay-store-theme .relay-shop-header__store-name strong {
	color: #fff;
	font-size: 1.08rem;
	font-weight: 850;
	white-space: nowrap;
}

body.relay-store-theme .relay-shop-search {
	display: grid;
	grid-template-columns: 1fr 50px;
	align-items: stretch;
	min-width: 0;
	margin: 0;
	background: #090f1d;
	border: 1px solid rgba(145,160,196,.22);
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 10px 26px rgba(0,0,0,.16);
	overflow: hidden;
}
body.relay-store-theme .relay-shop-search:focus-within {
	border-color: rgba(139,92,246,.72);
	box-shadow: 0 0 0 3px rgba(139,92,246,.12), 0 10px 26px rgba(0,0,0,.18);
}
body.relay-store-theme .relay-shop-search input[type="search"] {
	width: 100%;
	min-height: 48px;
	padding: 0 18px 0 21px;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #f3f6ff;
	font-size: .9rem;
}
body.relay-store-theme .relay-shop-search input[type="search"]:focus { box-shadow: none; }
body.relay-store-theme .relay-shop-search button {
	display: grid;
	place-items: center;
	min-width: 50px;
	min-height: 48px;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0;
	border-left: 1px solid rgba(145,160,196,.16);
	border-radius: 0;
	color: #dbe5fa;
}
body.relay-store-theme .relay-shop-search button:hover { background: rgba(139,92,246,.12); color: #fff; }
body.relay-store-theme .relay-shop-search svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
}

body.relay-store-theme .relay-shop-header__commerce {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
body.relay-store-theme .relay-shop-header__commerce > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 13px;
	border: 1px solid var(--relay-border);
	border-radius: 999px;
	color: #dce5f6;
	font-size: .78rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}
body.relay-store-theme .relay-shop-header__commerce > a:hover {
	background: rgba(139,92,246,.10);
	border-color: rgba(139,92,246,.38);
	color: #fff;
}
body.relay-store-theme .relay-shop-header__commerce svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
body.relay-store-theme .relay-store-cart-count {
	display: grid;
	place-items: center;
	min-width: 21px;
	height: 21px;
	padding: 0 5px;
	background: var(--relay-gradient);
	border-radius: 999px;
	color: #fff;
	font-size: .68rem;
	font-weight: 900;
}

body.relay-store-theme .relay-shop-nav { border-top: 1px solid rgba(145,160,196,.10); background: rgba(6,10,20,.70); }
body.relay-store-theme .relay-shop-nav__inner {
	display: flex;
	align-items: center;
	gap: 3px;
	min-height: 47px;
	overflow-x: auto;
	scrollbar-width: none;
}
body.relay-store-theme .relay-shop-nav__inner::-webkit-scrollbar { display: none; }
body.relay-store-theme .relay-shop-nav a {
	flex: 0 0 auto;
	padding: 8px 11px;
	border-radius: 9px;
	color: #aeb9ce;
	font-size: .76rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}
body.relay-store-theme .relay-shop-nav a:hover { background: rgba(139,92,246,.11); color: #fff; }
body.relay-store-theme .relay-shop-nav__featured { color: #fff !important; background: rgba(139,92,246,.13); }
body.relay-store-theme .relay-shop-nav__spacer { flex: 1 0 24px; }

/* Final Relay footer — legacy Porto footer stays in the DB, hidden only by CSS. */
body.relay-store-theme .footer-wrapper { display: none !important; }
body.relay-store-theme .relay-shop-footer {
	position: relative;
	background: #080c17;
	border-top: 1px solid rgba(139,92,246,.30);
	color: #9ba7bd;
}
body.relay-store-theme .relay-shop-footer__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding-top: 38px;
	padding-bottom: 38px;
	border-bottom: 1px solid var(--relay-border);
}
body.relay-store-theme .relay-shop-footer__cta > div:first-child { max-width: 690px; }
body.relay-store-theme .relay-shop-footer__cta h2 {
	margin: 2px 0 8px;
	font-size: clamp(1.45rem, 2.4vw, 2.1rem);
}
body.relay-store-theme .relay-shop-footer__cta p { margin: 0; color: var(--relay-muted); }
body.relay-store-theme .relay-shop-footer__cta-actions { display: flex; flex-wrap: wrap; gap: 9px; }
body.relay-store-theme .relay-shop-footer__grid {
	display: grid;
	grid-template-columns: 1.35fr repeat(3, 1fr);
	gap: 42px;
	padding-top: 42px;
	padding-bottom: 42px;
}
body.relay-store-theme .relay-shop-footer h3 {
	margin: 0 0 15px;
	color: #f4f7ff;
	font-size: .85rem;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}
body.relay-store-theme .relay-shop-footer__about > p:first-of-type {
	color: #d6dded;
	font-weight: 800;
	letter-spacing: .02em;
}
body.relay-store-theme .relay-shop-footer__muted { max-width: 280px; color: #7f8ba3; font-size: .82rem; line-height: 1.6; }
body.relay-store-theme .relay-shop-footer ul { margin: 0; padding: 0; list-style: none; }
body.relay-store-theme .relay-shop-footer li + li { margin-top: 8px; }
body.relay-store-theme .relay-shop-footer a { color: #aeb9ce; text-decoration: none; }
body.relay-store-theme .relay-shop-footer a:hover { color: #fff; }
body.relay-store-theme .relay-shop-footer__grid a { font-size: .82rem; }
body.relay-store-theme .relay-shop-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 66px;
	border-top: 1px solid var(--relay-border);
	color: #72809a;
	font-size: .76rem;
}
body.relay-store-theme .relay-shop-footer__bottom p { margin: 0; }
body.relay-store-theme .relay-shop-footer__bottom nav { display: flex; flex-wrap: wrap; gap: 15px; }