/* ==========================================================================
   Synthweave Block Theme — Custom Styles
   Design System: The Synthetic Editorial
   No Tailwind — uses WordPress theme.json custom properties
   ========================================================================== */

/* --- Scrollbar --- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--wp--preset--color--background); }
::-webkit-scrollbar-thumb { background: var(--wp--preset--color--outline-variant); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--wp--preset--color--primary); }

/* --- Selection --- */
::selection {
	background: rgba(174, 198, 255, 0.3);
	color: var(--wp--preset--color--primary);
}

/* ==========================================================================
   Header
   ========================================================================== */
.synthweave-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background: rgba(19, 19, 19, 0.85) !important;
	transition: box-shadow 0.3s ease;
}

/* --- Nav link hover states --- */
.synthweave-header .wp-block-navigation-item__content {
	position: relative;
	transition: color 0.3s ease;
}

.synthweave-header .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--tertiary) !important;
}

.synthweave-header .wp-block-navigation-item__content::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--wp--preset--color--tertiary);
	transition: width 0.3s ease;
}

.synthweave-header .wp-block-navigation-item__content:hover::after {
	width: 100%;
}

/* Current page nav highlight */
.synthweave-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary) !important;
}

.synthweave-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after {
	width: 100%;
	background: var(--wp--preset--color--primary);
}

/* --- Header: Transparent variant --- */
.synthweave-header--transparent {
	background: transparent !important;
	border-bottom: none !important;
	transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.synthweave-header--transparent.has-scroll {
	background: rgba(19, 19, 19, 0.9) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(193, 198, 215, 0.1) !important;
}

/* --- Header: Minimal variant --- */
.synthweave-header--minimal {
	background: rgba(19, 19, 19, 0.95) !important;
}

/* ==========================================================================
   Gradient Text
   ========================================================================== */
.synthweave-text-gradient {
	background: linear-gradient(90deg,
		var(--wp--preset--color--primary),
		var(--wp--preset--color--secondary),
		var(--wp--preset--color--tertiary));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* ==========================================================================
   Gradient Separator
   ========================================================================== */
.synthweave-gradient-separator {
	border: none !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--primary-container), transparent) !important;
	opacity: 0.5;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.synthweave-hero {
	position: relative;
	overflow: hidden;
}

.synthweave-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 50% 60%, rgba(0, 112, 243, 0.12) 0%, rgba(121, 40, 202, 0.08) 30%, transparent 70%);
	pointer-events: none;
	z-index: 0;
}

.synthweave-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(193, 198, 215, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(193, 198, 215, 0.05) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events: none;
	z-index: 0;
}

.synthweave-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 1;
}

/* ==========================================================================
   Interactive Dot Grid + Mouse Spotlight
   ========================================================================== */
.synthweave-hero {
	position: relative;
}

/* Base dot grid — sits above the Cover background overlay */
.synthweave-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(193, 198, 215, 0.12) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events: none;
	z-index: 1;
}

/* Mouse-follow spotlight — glow + brighter dots near cursor */
.synthweave-grid-spotlight {
	--mx: -1000px;
	--my: -1000px;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease;
	background: radial-gradient(
		600px circle at var(--mx) var(--my),
		rgba(174, 198, 255, 0.07),
		transparent 40%
	);
}

/* Bright dot grid masked to spotlight area */
.synthweave-grid-spotlight::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(174, 198, 255, 0.5) 1.2px, transparent 1.2px);
	background-size: 40px 40px;
	-webkit-mask-image: radial-gradient(
		300px circle at var(--mx) var(--my),
		black,
		transparent 70%
	);
	mask-image: radial-gradient(
		300px circle at var(--mx) var(--my),
		black,
		transparent 70%
	);
}

.synthweave-grid-spotlight.is-active {
	opacity: 1;
}

/* Push content above the grid layers */
.synthweave-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
}

/* ==========================================================================
   Cover Style: Aurora Gradient — slowly morphing color blobs
   ========================================================================== */
.is-style-synthweave-aurora::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		radial-gradient(ellipse 600px 400px at 20% 50%, rgba(0, 112, 243, 0.15), transparent),
		radial-gradient(ellipse 500px 350px at 70% 30%, rgba(104, 7, 186, 0.12), transparent),
		radial-gradient(ellipse 400px 300px at 50% 80%, rgba(72, 221, 188, 0.1), transparent);
	animation: synthweave-aurora 12s ease-in-out infinite alternate;
	filter: blur(60px);
}

@keyframes synthweave-aurora {
	0% {
		background-position: 0% 0%, 100% 0%, 50% 100%;
		transform: scale(1) rotate(0deg);
	}
	33% {
		transform: scale(1.1) rotate(1deg);
	}
	66% {
		transform: scale(0.95) rotate(-1deg);
	}
	100% {
		background-position: 100% 100%, 0% 100%, 50% 0%;
		transform: scale(1.05) rotate(0.5deg);
	}
}

/* Subtle grid on aurora */
.is-style-synthweave-aurora .synthweave-grid-spotlight {
	display: none;
}

/* ==========================================================================
   Cover Style: Floating Particles
   ========================================================================== */
.is-style-synthweave-particles::after {
	display: none; /* No dot grid */
}

.is-style-synthweave-particles .synthweave-grid-spotlight {
	display: none;
}

/* ==========================================================================
   Cover Style: Sine Waves
   ========================================================================== */
.is-style-synthweave-waves::after {
	display: none;
}

.is-style-synthweave-waves .synthweave-grid-spotlight {
	display: none;
}

/* ==========================================================================
   Cover Style: Code Rain (Matrix)
   ========================================================================== */
.is-style-synthweave-matrix::after {
	display: none;
}

.is-style-synthweave-matrix .synthweave-grid-spotlight {
	display: none;
}

/* Shared canvas for JS-driven animations */
.synthweave-anim-canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

/* Status pill */
.synthweave-status-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	border: 1px solid rgba(174, 198, 255, 0.2);
	background: rgba(0, 112, 243, 0.1);
	margin-bottom: var(--wp--preset--spacing--40) !important;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.6875rem !important;
	font-weight: 500;
}

.synthweave-status-pill::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--tertiary);
	animation: pulse-dot 2s ease-in-out infinite;
}

@keyframes pulse-dot {
	0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(72, 221, 188, 0.4); }
	50% { opacity: 0.8; box-shadow: 0 0 0 6px rgba(72, 221, 188, 0); }
}

/* Hero name headings */
.synthweave-hero-name {
	font-weight: 700 !important;
	letter-spacing: -0.04em !important;
	line-height: 1.05 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Hero CTA spacing */
.synthweave-hero-cta {
	margin-top: var(--wp--preset--spacing--70);
}

/* Section label */
.synthweave-section-label {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.8125rem !important;
	font-weight: 500;
}

/* Section spacing */
.synthweave-section {
	padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--50);
}

/* Term badge */
.synthweave-term-badge {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.625rem !important;
	font-weight: 700;
}

/* Post meta */
.synthweave-post-meta {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.625rem !important;
}

/* ==========================================================================
   Post Cards
   ========================================================================== */
.synthweave-post-card {
	padding: var(--wp--preset--spacing--50);
	border-radius: 0.75rem;
	border-left: 2px solid transparent;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	/* Equal height cards — flexbox column layout */
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Push date to the bottom of the card */
.synthweave-post-card .wp-block-post-date {
	margin-top: auto !important;
}

.synthweave-post-card:hover {
	transform: translateY(-4px);
	border-left-color: var(--wp--preset--color--tertiary) !important;
	box-shadow: 0 0 20px rgba(174, 198, 255, 0.08);
}

/* Ensure grid items stretch to equal height */
.wp-block-post-template.is-layout-grid > li {
	display: flex;
}

.wp-block-post-template.is-layout-grid > li > .synthweave-post-card {
	flex: 1;
}

.synthweave-post-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--white);
	transition: color 0.3s ease;
}

.synthweave-post-card:hover .wp-block-post-title a {
	color: var(--wp--preset--color--tertiary);
}

/* Grid responsive — 3 columns on desktop, 2 on tablet, 1 on mobile */
@media (max-width: 781px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (min-width: 782px) and (max-width: 1023px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* Terminal Window and Typing Text block styles are in the synthweave-blocks mu-plugin */

/* ==========================================================================
   404 Glitch Effect
   ========================================================================== */
.synthweave-404-page {
	min-height: 100vh;
	padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--50);
}

.synthweave-glitch {
	position: relative;
	display: inline-block;
	font-size: clamp(6rem, 15vw, 12rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.05em !important;
	line-height: 1 !important;
}

.synthweave-glitch::before,
.synthweave-glitch::after {
	content: '404';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.synthweave-glitch::before {
	color: var(--wp--preset--color--tertiary);
	animation: glitch-shift-1 2s infinite linear alternate-reverse;
	clip-path: polygon(0 0, 100% 0, 100% 40%, 0 40%);
}

.synthweave-glitch::after {
	color: var(--wp--preset--color--secondary);
	animation: glitch-shift-2 3s infinite linear alternate-reverse;
	clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
}

@keyframes glitch-shift-1 {
	0%, 100% { transform: translate(0); }
	20% { transform: translate(-3px, 3px); }
	40% { transform: translate(-3px, -3px); }
	60% { transform: translate(3px, 3px); }
	80% { transform: translate(3px, -3px); }
}

@keyframes glitch-shift-2 {
	0%, 100% { transform: translate(0); }
	20% { transform: translate(3px, -3px); }
	40% { transform: translate(3px, 3px); }
	60% { transform: translate(-3px, -3px); }
	80% { transform: translate(-3px, 3px); }
}

/* ==========================================================================
   Buttons — Glow Effects
   ========================================================================== */
.synthweave-glow-btn .wp-block-button__link,
.synthweave-glow-btn-teal .wp-block-button__link {
	font-family: 'Space Grotesk', monospace;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--large);
	padding: 1rem 2rem;
	transition: box-shadow 0.3s ease, transform 0.15s ease;
}

.synthweave-glow-btn .wp-block-button__link:hover {
	box-shadow: 0 0 30px -5px rgba(174, 198, 255, 0.4);
}

.synthweave-glow-btn-teal .wp-block-button__link:hover {
	box-shadow: 0 0 30px -5px rgba(72, 221, 188, 0.4);
}

.synthweave-glow-btn .wp-block-button__link:active,
.synthweave-glow-btn-teal .wp-block-button__link:active {
	transform: scale(0.97);
}

/* ==========================================================================
   Social Links
   ========================================================================== */
.synthweave-social-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease, color 0.3s ease;
	text-decoration: none !important;
}

.synthweave-social-link:hover {
	color: var(--wp--preset--color--tertiary) !important;
	border-color: var(--wp--preset--color--tertiary);
}

/* Footer links */
.synthweave-footer-link {
	text-decoration: none !important;
	color: var(--wp--preset--color--on-surface-variant) !important;
	transition: color 0.3s ease, transform 0.3s ease;
	display: inline-block;
}

.synthweave-footer-link:hover {
	color: var(--wp--preset--color--secondary) !important;
	transform: translateY(-2px);
}

/* ==========================================================================
   Post Content Typography
   ========================================================================== */
.wp-block-post-content p {
	color: var(--wp--preset--color--on-surface-variant);
}

.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
	margin-top: 2.5rem;
}

.wp-block-post-content h2::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 1.5rem;
	background: var(--wp--preset--color--primary);
	border-radius: 9999px;
	margin-right: 0.75rem;
	vertical-align: middle;
}

.wp-block-post-content a {
	text-underline-offset: 3px;
}

/* Inline code */
.wp-block-post-content code {
	background: var(--wp--preset--color--surface-high);
	color: var(--wp--preset--color--secondary);
	padding: 0.15em 0.4em;
	border-radius: 0.25rem;
	font-family: 'Space Grotesk', monospace;
	font-size: 0.875em;
}

.wp-block-post-content pre code {
	background: none;
	color: inherit;
	padding: 0;
}

/* Lists */
.wp-block-post-content ul li::marker {
	color: var(--wp--preset--color--tertiary);
}

.wp-block-post-content ol li::marker {
	color: var(--wp--preset--color--primary);
}

/* Images */
.wp-block-post-content .wp-block-image img,
.wp-block-image img {
	border-radius: 0.75rem;
	border: 1px solid var(--wp--preset--color--outline-variant, #414754);
	cursor: zoom-in;
	transition: border-color 0.3s ease;
}

.wp-block-post-content .wp-block-image img:hover,
.wp-block-image img:hover {
	border-color: var(--wp--preset--color--primary, #aec6ff);
}

/* Lightbox modal */
.synthweave-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.92);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: zoom-out;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.synthweave-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.synthweave-lightbox img {
	max-width: 92vw;
	max-height: 92vh;
	object-fit: contain;
	border-radius: 0.5rem;
	border: 1px solid var(--wp--preset--color--outline-variant, #414754);
	box-shadow: 0 25px 80px rgba(0, 0, 0, 0.6);
	transform: scale(0.95);
	transition: transform 0.3s ease;
	cursor: default;
}

.synthweave-lightbox.is-open img {
	transform: scale(1);
}

.synthweave-lightbox-close {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	background: var(--wp--preset--color--surface-high, #2a2a2a);
	color: var(--wp--preset--color--on-surface, #e5e2e1);
	border-radius: 50%;
	font-size: 1.25rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease;
}

.synthweave-lightbox-close:hover {
	background: var(--wp--preset--color--primary-container, #0070f3);
}

.wp-block-post-content .wp-block-image figcaption {
	color: var(--wp--preset--color--outline);
	text-align: center;
	font-style: italic;
	font-size: 0.8125rem;
}

/* Videos */
.wp-block-post-content .wp-block-video video {
	border-radius: 0.75rem;
	max-width: 100%;
}

.wp-block-post-content .wp-block-video figcaption {
	color: var(--wp--preset--color--outline);
	text-align: center;
	font-style: italic;
	font-size: 0.8125rem;
}

/* Blockquotes */
.wp-block-post-content blockquote,
.wp-block-post-content .wp-block-quote {
	border-left-color: var(--wp--preset--color--tertiary) !important;
	background: rgba(0, 134, 111, 0.05);
	border-radius: 0 0.75rem 0.75rem 0;
	padding: 1rem 1.5rem !important;
}


/* ==========================================================================
   Navigation — Mobile Menu
   ========================================================================== */

/* Hamburger icon color */
.synthweave-header .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--on-surface-variant);
}

.synthweave-header--transparent .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--white);
}

/* Full-screen overlay — center links in viewport */
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--surface-lowest, #0e0e0e) !important;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	position: fixed !important;
	inset: 0 !important;
	height: 100vh !important;
	height: 100dvh !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	padding: 0 !important;
	height: auto !important;
	min-height: auto !important;
	width: auto !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Close button — fixed top-right */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: fixed !important;
	top: 1rem;
	right: 1rem;
	color: var(--wp--preset--color--on-surface) !important;
	z-index: 101;
}

.admin-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	top: calc(46px + 1rem);
}

/* Nav links in overlay */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: 'Space Grotesk', monospace !important;
	font-size: 2rem !important;
	font-weight: 600 !important;
	color: var(--wp--preset--color--on-surface) !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0.75rem 1rem !important;
	display: block !important;
	transition: color 0.3s ease;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--tertiary) !important;
}

/* Ensure hamburger is visible on the transparent header */
.synthweave-header--transparent .wp-block-navigation__responsive-container-open svg {
	fill: var(--wp--preset--color--white);
}

/* Fix z-index so mobile overlay is above everything */
.wp-block-navigation__responsive-container.is-menu-open {
	z-index: 100 !important;
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.wp-block-query-pagination {
	gap: 0.5rem;
}

.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	font-family: 'Space Grotesk', monospace;
	font-size: 0.875rem;
	font-weight: 600;
	transition: all 0.2s ease;
	text-decoration: none;
	color: var(--wp--preset--color--on-surface-variant);
}

.wp-block-query-pagination-numbers .page-numbers:hover {
	background: var(--wp--preset--color--surface-high);
	color: var(--wp--preset--color--on-surface);
}

.wp-block-query-pagination-numbers .page-numbers.current {
	background: var(--wp--preset--color--primary-container);
	color: var(--wp--preset--color--white);
	box-shadow: 0 0 15px rgba(0, 112, 243, 0.3);
}

/* ==========================================================================
   Comments Styling
   ========================================================================== */
.synthweave-comments .comment-form input,
.synthweave-comments .comment-form textarea {
	background: var(--wp--preset--color--surface-lowest) !important;
	border: 1px solid var(--wp--preset--color--outline-variant) !important;
	border-radius: 0.5rem !important;
	color: var(--wp--preset--color--on-surface) !important;
	padding: 0.75rem 1rem !important;
	transition: border-color 0.3s ease;
}

.synthweave-comments .comment-form input:focus,
.synthweave-comments .comment-form textarea:focus {
	border-color: var(--wp--preset--color--primary) !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(174, 198, 255, 0.15);
}

.synthweave-comments .comment-form .submit {
	background: var(--wp--preset--color--primary-container) !important;
	color: var(--wp--preset--color--white) !important;
	border: none !important;
	border-radius: 0.5rem !important;
	padding: 0.75rem 2rem !important;
	font-family: 'Space Grotesk', monospace;
	font-weight: 700;
	cursor: pointer;
	transition: box-shadow 0.3s ease;
}

.synthweave-comments .comment-form .submit:hover {
	box-shadow: 0 0 20px rgba(0, 112, 243, 0.3);
}

/* ==========================================================================
   Post Navigation
   ========================================================================== */
.wp-block-post-navigation-link a {
	text-decoration: none !important;
	transition: color 0.3s ease;
}

.wp-block-post-navigation-link a:hover {
	color: var(--wp--preset--color--tertiary) !important;
}

/* ==========================================================================
   Responsive Columns — stack on mobile
   ========================================================================== */
@media (max-width: 781px) {
	.wp-block-columns {
		flex-direction: column !important;
	}

	.synthweave-hero .wp-block-cover__inner-container {
		text-align: left;
	}

	/* Tighter spacing on mobile */
	.synthweave-terminal-body {
		font-size: 0.8125rem;
		padding: 1rem;
	}
}

/* ==========================================================================
   Admin Bar Offset
   ========================================================================== */
.admin-bar .synthweave-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .synthweave-header {
		top: 46px;
	}
}