/* =====================================================
 * SITE — dark "streaming" header + footer
 * Loaded on every page (functions.php).
 * ===================================================== */

body {
	--pba-bg: #081321;
	--pba-bg-deep: #050e1c;
	--pba-text: #eaf3ff;
	--pba-muted: #b9c9dc;
	--pba-cyan: #4ed7f2;
	--pba-pink: #e82e88;
	--pba-pink-hover: #ff4b9f;
}


/* -----------------------------------------------------
 * Header
 * ----------------------------------------------------- */

.header-top {
	background-color: var(--pba-bg-deep) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.header-main,
.header-wrapper.stuck .header-main {
	background-color: rgba(7, 18, 33, 0.96) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
	backdrop-filter: blur(18px);
}

.header-bg-color,
.header-bg-image {
	background: transparent !important;
}

.header-main .nav > li > a,
.header-main .header-button a,
.header-main .icon-menu,
.header-main .cart-icon,
.header-main .nav-icon a {
	color: #d3dcea;
}

.header-main .nav > li > a:hover,
.header-main .nav > li.active > a {
	color: var(--pba-cyan);
}

/* Logo has navy text — give it a light plate on the dark bar */
.header-main #logo img {
	padding: 4px 10px;
	border-radius: 8px;
	background: #fff;
}

/* Keep the plate off the edges of the shorter sticky / mobile bar */
.header-wrapper.stuck .header-main #logo img {
	max-height: 54px !important;
}

@media (max-width: 849px) {

	.header-main #logo img {
		max-height: calc(100% - 14px) !important;
		padding: 3px 8px;
	}
}


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

.footer-wrapper,
.footer-wrapper .footer,
.absolute-footer {
	background-color: var(--pba-bg-deep) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #93a9c1;
}