/**
 * Veyra Apps Site Shell 0.4.0
 *
 * Header, primary navigation, mobile dock, footer and contextual sidebars.
 * Interaction uses native WordPress Navigation blocks; no custom JavaScript.
 */

/* ==========================================================================
   01. Shell tokens
   ========================================================================== */

:root {
	--veyra-shell-max: 92rem;
	--veyra-shell-gutter: clamp(0.75rem, 2vw, 1.5rem);
	--veyra-header-height: 4.5rem;
	--veyra-header-offset: calc(var(--veyra-header-height) + 1.5rem);
	--veyra-mobile-dock-height: 4.75rem;
	--veyra-sidebar-width: 17rem;
	--veyra-shell-glass: rgba(6, 10, 19, 0.18);
	--veyra-shell-glass-strong: rgba(6, 10, 19, 0.38);
}

/* ==========================================================================
   02. Desktop command bar
   ========================================================================== */

.veyra-site-header {
	position: relative;
	z-index: 100;
	padding: 0.75rem var(--veyra-shell-gutter) 0;
	pointer-events: none;
}

.veyra-site-header--sticky {
	position: sticky;
	top: 0;
}

.admin-bar .veyra-site-header--sticky {
	top: 32px;
}

.veyra-site-header__inner {
	width: min(100%, var(--veyra-shell-max));
	margin-inline: auto;
	pointer-events: auto;
}

.veyra-navbar {
	position: relative;
	isolation: isolate;
	display: grid;
	min-height: var(--veyra-header-height);
	grid-template-columns: minmax(11rem, auto) minmax(0, 1fr) minmax(11rem, auto);
	gap: 1rem;
	align-items: center;
	padding: 0.55rem 0.65rem 0.55rem 1rem;
	border: 1px solid rgba(137, 160, 204, 0.16);
	border-radius: 1.1rem;
	background:
		linear-gradient(180deg, rgba(246, 248, 255, 0.055), transparent 42%),
		var(--veyra-shell-glass);
	box-shadow:
		inset 0 1px 0 rgba(246, 248, 255, 0.07),
		0 1.25rem 4rem rgba(0, 0, 0, 0.24);
}

.veyra-navbar::before {
	position: absolute;
	z-index: -1;
	right: 8%;
	bottom: -1px;
	left: 8%;
	height: 1px;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(59, 140, 255, 0.42),
		rgba(138, 92, 255, 0.55),
		transparent
	);
	content: "";
	opacity: 0.72;
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
	.veyra-navbar {
		background:
			linear-gradient(180deg, rgba(246, 248, 255, 0.065), transparent 42%),
			rgba(6, 10, 19, 0.28);
		-webkit-backdrop-filter: blur(1.5rem) saturate(132%);
		backdrop-filter: blur(1.5rem) saturate(132%);
	}
}

.veyra-navbar__brand {
	min-width: 0;
}

.veyra-site-logo {
	display: flex;
	align-items: center;
}

.veyra-site-logo img {
	display: block;
	width: auto;
	max-width: min(9.5rem, 28vw);
	max-height: 2.75rem;
	object-fit: contain;
}

.veyra-site-title {
	margin: 0;
	color: var(--veyra-text);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 750;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.veyra-site-title a {
	color: inherit;
	text-decoration: none;
}

.veyra-primary-navigation {
	justify-self: center;
}

.veyra-primary-navigation .wp-block-navigation__container {
	gap: clamp(0.15rem, 0.8vw, 0.65rem);
}

.veyra-primary-navigation .wp-block-navigation-item__content {
	min-height: 2.5rem;
	padding: 0.55rem 0.7rem;
	border-radius: var(--veyra-radius-sm);
	color: var(--veyra-text-soft);
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 550;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color var(--veyra-transition-fast),
		color var(--veyra-transition-fast);
}

.veyra-primary-navigation .current-menu-item > .wp-block-navigation-item__content,
.veyra-primary-navigation .wp-block-navigation-item__content[aria-current="page"] {
	background: rgba(246, 248, 255, 0.04);
	color: var(--veyra-text);
}

.veyra-primary-navigation .wp-block-navigation__submenu-icon {
	width: 0.65rem;
	height: 0.65rem;
	margin-left: 0.2rem;
	color: var(--veyra-text-muted);
}

.veyra-primary-navigation .wp-block-navigation__submenu-container {
	min-width: 15rem !important;
	padding: 0.5rem !important;
	border: 1px solid var(--veyra-border-default) !important;
	border-radius: var(--veyra-radius-lg) !important;
	background: var(--veyra-shell-glass-strong) !important;
	box-shadow:
		inset 0 1px 0 rgba(246, 248, 255, 0.06),
		var(--veyra-shadow-elevated) !important;
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
	.veyra-primary-navigation .wp-block-navigation__submenu-container {
		background: rgba(6, 10, 19, 0.86) !important;
		-webkit-backdrop-filter: blur(1.5rem) saturate(128%);
		backdrop-filter: blur(1.5rem) saturate(128%);
	}
}

.veyra-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	width: 100%;
	justify-content: flex-start;
	padding: 0.7rem 0.8rem;
}

.veyra-navbar__actions {
	justify-self: end;
}

.veyra-navbar__actions .wp-block-buttons {
	flex-wrap: nowrap;
	gap: 0.5rem;
}

.veyra-navbar__actions .wp-block-button__link {
	white-space: nowrap;
}

/* ==========================================================================
   03. WordPress mobile navigation overlay
   ========================================================================== */

.veyra-primary-navigation .wp-block-navigation__responsive-container-open {
	display: none;
	min-width: 2.65rem;
	min-height: 2.65rem;
	place-items: center;
	padding: 0.6rem;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: var(--veyra-radius-sm);
	background: rgba(246, 248, 255, 0.03);
	color: var(--veyra-text);
}

.veyra-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
	padding:
		max(1rem, env(safe-area-inset-top))
		var(--veyra-gutter)
		max(2rem, env(safe-area-inset-bottom));
	background:
		radial-gradient(circle at 80% 10%, rgba(138, 92, 255, 0.13), transparent 24rem),
		radial-gradient(circle at 10% 80%, rgba(59, 140, 255, 0.13), transparent 24rem),
		rgba(3, 6, 13, 0.985);
	color: var(--veyra-text);
}

.veyra-primary-navigation .wp-block-navigation__responsive-container-close {
	top: max(1rem, env(safe-area-inset-top));
	right: var(--veyra-gutter);
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: var(--veyra-radius-sm);
	background: rgba(246, 248, 255, 0.035);
	color: var(--veyra-text);
}

.veyra-primary-navigation .wp-block-navigation__responsive-container-content {
	padding-top: 5rem;
}

.veyra-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	width: 100%;
	align-items: stretch;
	gap: 0.5rem;
}

.veyra-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
}

.veyra-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	width: 100%;
	justify-content: space-between;
	padding: 0.9rem 1rem;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: var(--veyra-radius-md);
	background: rgba(246, 248, 255, 0.025);
	font-size: var(--wp--preset--font-size--body);
}

.veyra-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	position: static !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 0.4rem 0 0.25rem 0.75rem !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* ==========================================================================
   04. Mobile app dock
   ========================================================================== */

.veyra-mobile-dock {
	display: none !important;
}

.veyra-mobile-dock .wp-block-navigation__container {
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-around;
	gap: 0.2rem;
}

.veyra-mobile-dock .wp-block-navigation-item {
	flex: 1 1 0;
}

.veyra-mobile-dock .wp-block-navigation-item__content {
	display: flex;
	min-width: 0;
	min-height: 3.6rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	padding: 0.4rem 0.2rem;
	border-radius: 0.8rem;
	color: var(--veyra-text-muted);
	font-size: 0.66rem;
	font-weight: 650;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--veyra-transition-fast),
		color var(--veyra-transition-fast),
		transform var(--veyra-transition-fast);
}

.veyra-mobile-dock .wp-block-navigation-item__content::before {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background: currentColor;
	content: "";
	-webkit-mask: var(--veyra-dock-icon) center / contain no-repeat;
	mask: var(--veyra-dock-icon) center / contain no-repeat;
}

.veyra-mobile-dock__home {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__products {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__studio {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 5 6 14 2-5 2 5 6-14'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__docs {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22V5.5Z'/%3E%3Cpath d='M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5A2.5 2.5 0 0 1 20 22V5.5Z'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__account {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}

.veyra-mobile-dock .current-menu-item > .wp-block-navigation-item__content,
.veyra-mobile-dock .wp-block-navigation-item__content[aria-current="page"] {
	background: linear-gradient(145deg, rgba(59, 140, 255, 0.13), rgba(138, 92, 255, 0.11));
	color: var(--veyra-text);
}

.veyra-mobile-dock__studio > .wp-block-navigation-item__content {
	position: relative;
	top: -0.65rem;
	min-width: 3.75rem;
	min-height: 3.75rem;
	border: 1px solid rgba(150, 175, 255, 0.32);
	border-radius: 1.2rem;
	background:
		linear-gradient(145deg, rgba(246, 248, 255, 0.13), transparent),
		var(--veyra-gradient-brand);
	color: var(--veyra-text) !important;
	box-shadow:
		inset 0 1px 0 rgba(246, 248, 255, 0.2),
		0 0.85rem 2.25rem rgba(59, 140, 255, 0.22),
		0 0.85rem 2.25rem rgba(138, 92, 255, 0.18);
}

.veyra-mobile-dock__studio > .wp-block-navigation-item__content::before {
	width: 1.35rem;
	height: 1.35rem;
}

/* ==========================================================================
   05. Contextual sidebar
   ========================================================================== */

.veyra-shell-with-sidebar {
	display: grid;
	width: min(100% - (2 * var(--veyra-gutter)), var(--veyra-container-max));
	grid-template-columns: minmax(0, 1fr) var(--veyra-sidebar-width);
	gap: clamp(1.5rem, 4vw, 3.5rem);
	align-items: start;
	margin-inline: auto;
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.veyra-shell-with-sidebar--left {
	grid-template-columns: var(--veyra-sidebar-width) minmax(0, 1fr);
}

.veyra-shell-with-sidebar__content {
	min-width: 0;
}

.veyra-site-sidebar {
	position: sticky;
	top: var(--veyra-header-offset);
	display: grid;
	gap: 1rem;
}

.admin-bar .veyra-site-sidebar {
	top: calc(var(--veyra-header-offset) + 32px);
}

.veyra-sidebar-panel {
	overflow: hidden;
	padding: 0.75rem;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: var(--veyra-radius-lg);
	background:
		linear-gradient(180deg, rgba(246, 248, 255, 0.035), transparent 34%),
		rgba(8, 12, 22, 0.78);
	box-shadow:
		inset 0 1px 0 rgba(246, 248, 255, 0.045),
		var(--veyra-shadow-card);
}

.veyra-sidebar-panel__header {
	display: grid;
	gap: 0.25rem;
	padding: 0.5rem 0.6rem 0.75rem;
	border-bottom: 1px solid var(--veyra-border-subtle);
}

.veyra-sidebar-panel__title {
	margin: 0;
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 700;
	line-height: 1.35;
}

.veyra-sidebar-panel__caption {
	color: var(--veyra-text-muted);
	font-size: var(--wp--preset--font-size--caption);
	line-height: 1.4;
}

.veyra-sidebar-navigation {
	margin-top: 0.5rem;
}

.veyra-sidebar-navigation .wp-block-navigation__container {
	width: 100%;
	align-items: stretch;
	gap: 0.2rem;
}

.veyra-sidebar-navigation .wp-block-navigation-item {
	width: 100%;
}

.veyra-sidebar-navigation .wp-block-navigation-item__content {
	width: 100%;
	justify-content: flex-start;
	padding: 0.65rem 0.7rem;
	border: 1px solid transparent;
	border-radius: var(--veyra-radius-sm);
	color: var(--veyra-text-muted);
	font-size: var(--wp--preset--font-size--body-small);
	font-weight: 550;
	text-decoration: none;
	transition:
		border-color var(--veyra-transition-fast),
		background-color var(--veyra-transition-fast),
		color var(--veyra-transition-fast);
}

.veyra-sidebar-navigation .current-menu-item > .wp-block-navigation-item__content,
.veyra-sidebar-navigation .wp-block-navigation-item__content[aria-current="page"] {
	border-color: rgba(59, 140, 255, 0.18);
	background: linear-gradient(90deg, rgba(59, 140, 255, 0.13), rgba(138, 92, 255, 0.07));
	color: var(--veyra-text);
}

.veyra-sidebar-cta {
	display: grid;
	gap: 0.75rem;
	padding: 1rem;
	border: 1px solid rgba(95, 132, 255, 0.20);
	border-radius: var(--veyra-radius-md);
	background:
		radial-gradient(circle at 100% 0%, rgba(138, 92, 255, 0.13), transparent 10rem),
		rgba(59, 140, 255, 0.045);
}

.veyra-sidebar-cta > * {
	margin: 0;
}

/* ==========================================================================
   06. Footer ecosystem console
   ========================================================================== */

.veyra-site-footer {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(3rem, 6vw, 5rem) var(--veyra-gutter) 1.5rem;
	border-top: 1px solid rgba(246, 248, 255, 0.06);
	background:
		radial-gradient(circle at 12% 100%, rgba(59, 140, 255, 0.075), transparent 28rem),
		radial-gradient(circle at 88% 100%, rgba(138, 92, 255, 0.075), transparent 30rem),
		transparent;
}

.veyra-site-footer::before {
	position: absolute;
	z-index: -1;
	right: 10%;
	bottom: -9rem;
	left: 10%;
	height: 12rem;
	border: 1px solid rgba(137, 160, 204, 0.11);
	border-radius: 50%;
	box-shadow:
		0 -1px 1.5rem rgba(59, 140, 255, 0.12),
		0 -1rem 4rem rgba(138, 92, 255, 0.08);
	content: "";
}

.veyra-footer-shell {
	width: min(100%, var(--veyra-shell-max));
	margin-inline: auto;
}

.veyra-footer-console {
	overflow: hidden;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: clamp(1.2rem, 2vw, 1.75rem);
	background:
		linear-gradient(180deg, rgba(246, 248, 255, 0.05), transparent 34%),
		rgba(6, 10, 19, 0.30);
	box-shadow:
		inset 0 1px 0 rgba(246, 248, 255, 0.055),
		0 1.5rem 5rem rgba(0, 0, 0, 0.22);
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
	.veyra-footer-console {
		background:
			linear-gradient(180deg, rgba(246, 248, 255, 0.055), transparent 34%),
			rgba(6, 10, 19, 0.22);
		-webkit-backdrop-filter: blur(1.3rem) saturate(125%);
		backdrop-filter: blur(1.3rem) saturate(125%);
	}
}

.veyra-footer-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 2rem;
	align-items: end;
	padding: clamp(1.5rem, 4vw, 3rem);
	border-bottom: 1px solid var(--veyra-border-subtle);
}

.veyra-footer-hero__copy {
	display: grid;
	max-width: 46rem;
	gap: 0.75rem;
}

.veyra-footer-hero__copy > * {
	margin: 0;
}

.veyra-footer-hero__title {
	font-size: clamp(2rem, 4.2vw, 4rem);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -0.045em;
}

.veyra-footer-main {
	display: grid;
	grid-template-columns: minmax(15rem, 1.2fr) repeat(4, minmax(7rem, 0.55fr));
	gap: clamp(1.5rem, 4vw, 3.5rem);
	padding: clamp(1.5rem, 4vw, 3rem);
}

.veyra-footer-brand {
	display: grid;
	align-content: start;
	gap: 1rem;
	max-width: 24rem;
}

.veyra-footer-column {
	display: grid;
	align-content: start;
	gap: 0.85rem;
}

.veyra-footer-column__title {
	color: var(--veyra-text-soft);
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.veyra-footer-nav {
	display: grid;
	gap: 0.65rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.veyra-footer-nav a {
	color: var(--veyra-text-muted);
	font-size: var(--wp--preset--font-size--body-small);
	line-height: 1.4;
	text-decoration: none;
	transition: color var(--veyra-transition-fast);
}

.veyra-footer-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem clamp(1.5rem, 4vw, 3rem);
	border-top: 1px solid var(--veyra-border-subtle);
	color: var(--veyra-text-muted);
	font-size: var(--wp--preset--font-size--caption);
}

.veyra-footer-ecosystem {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.7rem;
}

.veyra-footer-ecosystem__brand {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--veyra-text-soft);
	font-weight: 650;
	text-decoration: none;
}

.veyra-footer-ecosystem__separator {
	color: var(--veyra-border-strong);
}

/* ==========================================================================
   07. Hover and keyboard states
   ========================================================================== */

@media (hover: hover) {
	.veyra-primary-navigation .wp-block-navigation-item__content:hover,
	.veyra-sidebar-navigation .wp-block-navigation-item__content:hover {
		background: rgba(246, 248, 255, 0.04);
		color: var(--veyra-text);
	}

	.veyra-mobile-dock .wp-block-navigation-item__content:hover {
		color: var(--veyra-text);
	}

	.veyra-footer-nav a:hover {
		color: var(--veyra-text);
	}

	.veyra-mobile-dock__studio > .wp-block-navigation-item__content:hover {
		transform: translateY(-2px);
	}
}

/* ==========================================================================
   08. Responsive shell
   ========================================================================== */

@media (max-width: 72rem) {
	.veyra-navbar {
		grid-template-columns: minmax(9rem, auto) minmax(0, 1fr) auto;
	}

	.veyra-footer-main {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.veyra-footer-brand {
		grid-column: 1 / -1;
	}

	.veyra-shell-with-sidebar,
	.veyra-shell-with-sidebar--left {
		grid-template-columns: minmax(0, 1fr) 15rem;
	}
}

@media (max-width: 64rem) {
	.veyra-navbar {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.veyra-primary-navigation {
		justify-self: end;
		order: 3;
	}

	.veyra-primary-navigation .wp-block-navigation__responsive-container-open {
		display: grid;
	}

	.veyra-navbar__actions {
		display: none;
	}

	.veyra-shell-with-sidebar,
	.veyra-shell-with-sidebar--left {
		grid-template-columns: 1fr;
	}

	.veyra-shell-with-sidebar--left > .veyra-site-sidebar {
		order: -1;
	}

	.veyra-site-sidebar {
		position: sticky;
		z-index: 40;
		top: calc(var(--veyra-header-offset) - 0.25rem);
		display: block;
		width: 100%;
		overflow-x: auto;
		padding: 0.4rem;
		border: 1px solid var(--veyra-border-subtle);
		border-radius: var(--veyra-radius-lg);
		background: rgba(6, 10, 19, 0.88);
		box-shadow: var(--veyra-shadow-card);
		scrollbar-width: none;
	}

	.veyra-site-sidebar::-webkit-scrollbar {
		display: none;
	}

	.admin-bar .veyra-site-sidebar {
		top: calc(var(--veyra-header-offset) + 32px);
	}

	.veyra-sidebar-panel {
		display: flex;
		width: max-content;
		min-width: 100%;
		align-items: center;
		gap: 0.5rem;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.veyra-sidebar-panel__header,
	.veyra-sidebar-cta {
		display: none;
	}

	.veyra-sidebar-navigation {
		margin: 0;
	}

	.veyra-sidebar-navigation .wp-block-navigation__container {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0.25rem;
	}

	.veyra-sidebar-navigation .wp-block-navigation-item {
		width: auto;
		flex: 0 0 auto;
	}

	.veyra-sidebar-navigation .wp-block-navigation-item__content {
		width: auto;
		white-space: nowrap;
	}
}

@media (max-width: 48rem) {
	:root {
		--veyra-header-height: 3.75rem;
		--veyra-header-offset: calc(var(--veyra-header-height) + 1rem);
	}

	.veyra-site-header {
		padding: 0.5rem 0.5rem 0;
	}

	.veyra-navbar {
		min-height: var(--veyra-header-height);
		padding: 0.4rem 0.45rem 0.4rem 0.75rem;
		border-radius: 0.95rem;
	}

	.veyra-site-logo img {
		max-width: 7.75rem;
		max-height: 2.2rem;
	}

	.veyra-site-title {
		font-size: var(--wp--preset--font-size--body-small);
	}

	.veyra-mobile-dock {
		position: fixed !important;
		z-index: 120;
		right: 0.5rem;
		bottom: max(0.5rem, env(safe-area-inset-bottom));
		left: 0.5rem;
		display: flex !important;
		min-height: var(--veyra-mobile-dock-height);
		padding: 0.35rem;
		border: 1px solid rgba(137, 160, 204, 0.18);
		border-radius: 1.2rem;
		background:
			linear-gradient(180deg, rgba(246, 248, 255, 0.055), transparent 38%),
			rgba(6, 10, 19, 0.92);
		box-shadow:
			inset 0 1px 0 rgba(246, 248, 255, 0.07),
			0 1rem 3rem rgba(0, 0, 0, 0.42);
	}

	@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
		.veyra-mobile-dock {
			background:
				linear-gradient(180deg, rgba(246, 248, 255, 0.06), transparent 38%),
				rgba(6, 10, 19, 0.76);
			-webkit-backdrop-filter: blur(1.35rem) saturate(135%);
			backdrop-filter: blur(1.35rem) saturate(135%);
		}
	}

	.wp-site-blocks {
		padding-bottom: calc(var(--veyra-mobile-dock-height) + 1.25rem + env(safe-area-inset-bottom));
	}

	.veyra-shell-with-sidebar,
	.veyra-shell-with-sidebar--left {
		width: min(100% - (2 * var(--veyra-gutter)), var(--veyra-container-max));
		gap: 1.25rem;
		padding-block: 1.25rem 3rem;
	}

	.veyra-site-sidebar {
		top: calc(var(--veyra-header-offset) - 0.15rem);
		border-radius: var(--veyra-radius-md);
	}

	.veyra-footer-hero,
	.veyra-footer-main {
		grid-template-columns: 1fr;
	}

	.veyra-footer-hero {
		align-items: start;
	}

	.veyra-footer-main {
		gap: 2rem;
	}

	.veyra-footer-brand {
		grid-column: auto;
	}

	.veyra-footer-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.veyra-footer-ecosystem {
		align-items: flex-start;
		flex-direction: column;
	}

	.veyra-footer-ecosystem__separator {
		display: none;
	}
}

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

	.admin-bar .veyra-site-sidebar {
		top: calc(var(--veyra-header-offset) + 46px);
	}
}

@media (forced-colors: active) {
	.veyra-navbar,
	.veyra-mobile-dock,
	.veyra-footer-console,
	.veyra-sidebar-panel {
		border-color: CanvasText;
	}
}


/* ==========================================================================
   09. Navigation & Layout System 0.5.0
   ========================================================================== */

.veyra-navbar {
	transition: min-height var(--veyra-transition-base), background-color var(--veyra-transition-base), box-shadow var(--veyra-transition-base), transform var(--veyra-transition-base);
}

.veyra-navbar__cta .wp-block-button__link {
	background: var(--veyra-gradient-brand);
	box-shadow: 0 .65rem 1.8rem rgba(87, 92, 255, .22);
}

.veyra-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: grid;
	gap: .18rem;
}

.veyra-primary-navigation .wp-block-navigation-item__description {
	color: var(--veyra-text-muted);
	font-size: .72rem;
	font-weight: 450;
}

.veyra-site-footer--compact {
	padding-block: 1.25rem;
	background: rgba(3, 6, 13, .28);
}

.veyra-site-footer--compact::before { display:none; }

.veyra-footer-compact {
	width:min(100%, var(--veyra-shell-max));
	margin-inline:auto;
	gap:1rem 2rem;
	color:var(--veyra-text-muted);
	font-size:var(--wp--preset--font-size--body-small);
}

.veyra-footer-compact p { margin:0; }
.veyra-footer-compact__nav .wp-block-navigation__container { gap:1rem; }
.veyra-footer-compact__nav a { color:var(--veyra-text-muted); text-decoration:none; }

.veyra-sidebar-group-title {
	margin:1rem .6rem .35rem;
	color:var(--veyra-text-soft);
	font-size:.68rem;
	font-weight:750;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.veyra-docs-search { margin:.75rem .45rem; }
.veyra-docs-search .wp-block-search__inside-wrapper {
	min-height:2.6rem;
	border:1px solid var(--veyra-border-subtle);
	border-radius:var(--veyra-radius-sm);
	background:rgba(246,248,255,.025);
}
.veyra-docs-search input { color:var(--veyra-text); background:transparent; }

.veyra-docs-layout {
	display:grid;
	width:min(100% - (2 * var(--veyra-gutter)), var(--veyra-shell-max));
	grid-template-columns:17rem minmax(0,1fr) 13rem;
	gap:clamp(1.5rem,3vw,3rem);
	align-items:start;
	margin-inline:auto;
	padding-block:clamp(2.5rem,5vw,4.5rem);
}

.veyra-docs-layout__content { min-width:0; }
.veyra-docs-toc {
	position:sticky;
	top:var(--veyra-header-offset);
	padding-top:.75rem;
}
.veyra-docs-toc__title {
	margin:0 0 .75rem;
	font-size:var(--wp--preset--font-size--body-small);
}
.veyra-docs-toc__list { display:grid; gap:.55rem; padding:0; margin:0; list-style:none; }
.veyra-docs-toc__list a { color:var(--veyra-text-muted); font-size:var(--wp--preset--font-size--caption); text-decoration:none; }

.veyra-account-layout { min-height:70vh; }

.veyra-builder-shell {
	min-height:100vh;
	background:#05070f;
	color:var(--veyra-text);
}
.veyra-builder-topbar {
	min-height:4rem;
	padding:.55rem .75rem;
	border-bottom:1px solid var(--veyra-border-subtle);
	background:rgba(6,10,19,.92);
}
.veyra-builder-topbar p { margin:0; font-size:var(--wp--preset--font-size--body-small); color:var(--veyra-text-soft); }
.veyra-builder-workspace {
	display:grid;
	min-height:calc(100vh - 4rem);
	grid-template-columns:16rem minmax(0,1fr) 19rem;
}
.veyra-builder-panel {
	padding:1rem;
	background:#080c16;
}
.veyra-builder-panel--left { border-right:1px solid var(--veyra-border-subtle); }
.veyra-builder-panel--right { border-left:1px solid var(--veyra-border-subtle); }
.veyra-builder-panel h2 { font-size:var(--wp--preset--font-size--body-small); }
.veyra-builder-panel p { color:var(--veyra-text-muted); font-size:var(--wp--preset--font-size--caption); }
.veyra-builder-canvas {
	margin:1rem;
	padding:clamp(1.5rem,4vw,4rem);
	border:1px solid var(--veyra-border-subtle);
	border-radius:var(--veyra-radius-lg);
	background:#0b0f1d;
	box-shadow:var(--veyra-shadow-card);
}

@media (max-width: 72rem) {
	.veyra-docs-layout { grid-template-columns:15rem minmax(0,1fr); }
	.veyra-docs-toc { display:none; }
	.veyra-builder-workspace { grid-template-columns:14rem minmax(0,1fr); }
	.veyra-builder-panel--right { display:none; }
}

@media (max-width: 64rem) {
	.veyra-navbar { grid-template-columns:minmax(0,1fr) auto; min-height:4rem; padding:.45rem .5rem .45rem .8rem; }
	.veyra-navbar__actions { display:none; }
	.veyra-primary-navigation { justify-self:end; }
	.veyra-primary-navigation .wp-block-navigation__responsive-container-open { display:grid; }
	.veyra-primary-navigation > .wp-block-navigation__container { display:none; }
	.veyra-docs-layout { grid-template-columns:1fr; }
	.veyra-docs-layout > .veyra-site-sidebar { position:relative; top:auto; }
	.veyra-docs-layout > .veyra-site-sidebar .veyra-sidebar-panel { display:grid; grid-template-columns:minmax(12rem,.7fr) minmax(0,1fr); align-items:start; }
	.veyra-docs-layout > .veyra-site-sidebar .veyra-sidebar-navigation { display:none; }
	.veyra-docs-layout > .veyra-site-sidebar .veyra-sidebar-group-title { display:none; }
}

@media (max-width: 48rem) {
	body { padding-bottom:calc(var(--veyra-mobile-dock-height) + env(safe-area-inset-bottom)); }
	.veyra-site-header { padding:.5rem .5rem 0; }
	.veyra-site-logo img { max-height:2.15rem; }
	.veyra-site-title { font-size:.72rem; }
	.veyra-mobile-dock {
		position:fixed;
		z-index:140;
		right:.5rem;
		bottom:max(.5rem, env(safe-area-inset-bottom));
		left:.5rem;
		display:flex !important;
		padding:.35rem;
		border:1px solid rgba(137,160,204,.18);
		border-radius:1.25rem;
		background:rgba(6,10,19,.90);
		box-shadow:0 1rem 3rem rgba(0,0,0,.42);
		-webkit-backdrop-filter:blur(1.35rem) saturate(130%);
		backdrop-filter:blur(1.35rem) saturate(130%);
	}
	.veyra-footer-hero { grid-template-columns:1fr; align-items:start; }
	.veyra-footer-main { grid-template-columns:1fr 1fr; }
	.veyra-footer-brand { grid-column:1 / -1; }
	.veyra-footer-compact { align-items:center; justify-content:center !important; text-align:center; }
	.veyra-docs-layout > .veyra-site-sidebar .veyra-sidebar-panel { grid-template-columns:1fr; }
	.veyra-docs-search { margin:.5rem 0 0; }
	.veyra-builder-topbar { gap:.5rem; }
	.veyra-builder-workspace { grid-template-columns:1fr; }
	.veyra-builder-panel--left { display:none; }
	.veyra-builder-canvas { margin:.5rem; padding:1rem; }
}

/* ==========================================================================
   10. Navigation hotfix 0.5.1 — dedicated desktop/mobile shells
   ========================================================================== */

.veyra-site-header {
	padding: .75rem var(--veyra-shell-gutter) 0;
}

.veyra-navbar-shell {
	width: min(calc(100% - 0rem), 88rem);
	min-height: 4.25rem;
	margin-inline: auto;
	display: grid !important;
	grid-template-columns: 12rem minmax(0, 1fr) auto;
	align-items: center;
	gap: 1.25rem;
	padding: .5rem .6rem .5rem .85rem;
	border: 1px solid rgba(137,160,204,.16);
	border-radius: 1.1rem;
	background: linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%),rgba(6,10,19,.78);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07),0 1rem 3.5rem rgba(0,0,0,.28);
	pointer-events: auto;
}

@supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
	.veyra-navbar-shell {
		background: linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),rgba(6,10,19,.68);
		-webkit-backdrop-filter: blur(1.35rem) saturate(135%);
		backdrop-filter: blur(1.35rem) saturate(135%);
	}
}

.veyra-brand {
	display: block;
	flex: none;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

.veyra-brand--desktop {
	width: 10.9rem;
	height: 2.5rem;
	background-image: url("../images/veyra-logo-horizontal.svg");
}

.veyra-brand--mobile { display: none; }

.veyra-navbar-shell > .veyra-primary-navigation {
	justify-self: center;
	margin: 0 !important;
}

.veyra-navbar-shell .veyra-primary-navigation .wp-block-navigation__container {
	align-items: center;
	gap: .1rem;
}

.veyra-navbar-shell .veyra-primary-navigation .wp-block-navigation-item__content {
	min-height: 2.45rem;
	padding: .55rem .65rem;
	font-size: .875rem;
}

.veyra-navbar-actions {
	justify-self: end;
	display: flex !important;
	align-items: center;
	gap: .45rem;
	margin: 0 !important;
}

.veyra-navbar-actions > * { margin: 0 !important; }

.veyra-navbar-login .wp-block-button__link,
.veyra-navbar-cta .wp-block-button__link {
	min-height: 2.65rem;
	display: inline-flex;
	align-items: center;
	padding-inline: 1rem;
	white-space: nowrap;
}

.veyra-navbar-cta .wp-block-button__link {
	background: var(--veyra-gradient-brand);
	box-shadow: 0 .65rem 1.8rem rgba(87,92,255,.22);
}

.veyra-nav-icon {
	width: 2.65rem;
	height: 2.65rem;
	display: grid;
	place-items: center;
	border: 1px solid var(--veyra-border-subtle);
	border-radius: .75rem;
	color: var(--veyra-text-soft);
	background: rgba(255,255,255,.025);
}

.veyra-nav-icon::before {
	width: 1.15rem;
	height: 1.15rem;
	background: currentColor;
	content: "";
	-webkit-mask: var(--veyra-nav-icon) center/contain no-repeat;
	mask: var(--veyra-nav-icon) center/contain no-repeat;
}

.veyra-nav-icon--cart {
	--veyra-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.55h7.8a2 2 0 0 0 1.95-1.55L21 7H6'/%3E%3C/svg%3E");
}

/* Dock additions */
.veyra-mobile-dock__cart {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.55h7.8a2 2 0 0 0 1.95-1.55L21 7H6'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__primary {
	--veyra-dock-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E");
}

.veyra-mobile-dock__primary > .wp-block-navigation-item__content {
	position: relative;
	top: -.55rem;
	min-width: 3.8rem;
	min-height: 3.8rem;
	border: 1px solid rgba(150,175,255,.32);
	border-radius: 1.2rem;
	background: linear-gradient(145deg,rgba(255,255,255,.14),transparent),var(--veyra-gradient-brand);
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 .85rem 2.25rem rgba(59,140,255,.2),0 .85rem 2.25rem rgba(138,92,255,.18);
}

@media (max-width: 68rem) and (min-width: 48.001rem) {
	.veyra-navbar-shell {
		grid-template-columns: 10rem minmax(0,1fr) auto;
		gap: .6rem;
	}
	.veyra-brand--desktop { width: 9rem; }
	.veyra-navbar-shell .veyra-primary-navigation .wp-block-navigation-item__content { padding-inline: .45rem; font-size: .8rem; }
	.veyra-navbar-login { display: none; }
}

@media (max-width: 48rem) {
	.veyra-site-header { padding: .5rem .65rem 0; }

	.veyra-navbar-shell {
		position: relative;
		width: 100%;
		min-height: 3.6rem;
		display: flex !important;
		align-items: center;
		justify-content: center;
		padding: .35rem;
		border-radius: 1rem;
	}

	.veyra-brand--desktop,
	.veyra-navbar-shell > .veyra-primary-navigation,
	.veyra-navbar-actions { display: none !important; }

	.veyra-brand--mobile {
		display: block;
		width: 2.55rem;
		height: 2.55rem;
		background-image: url("../images/veyra-mark.png");
		background-position: center;
	}

	.veyra-mobile-dock .wp-block-navigation__container {
		display: flex !important;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}
}

/* ========================================================================== 
   11. Veyra Site Shell 0.6.0 — deterministic header, mobile dock and footer
   ========================================================================== */

.veyra-header {
  position: sticky;
  z-index: 300;
  top: 0;
  padding: .75rem clamp(.75rem, 2vw, 1.5rem) 0;
  pointer-events: none;
}
.admin-bar .veyra-header { top: 32px; }

.veyra-header__desktop {
  width: min(100%, 88rem);
  min-height: 4.35rem;
  margin-inline: auto;
  padding: .55rem .65rem .55rem 1rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border: 1px solid rgba(137,160,204,.17);
  border-radius: 1.05rem;
  background: linear-gradient(180deg,rgba(255,255,255,.045),transparent 44%),rgba(5,9,18,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1rem 3rem rgba(0,0,0,.25);
  pointer-events: auto;
}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  .veyra-header__desktop { -webkit-backdrop-filter: blur(1.55rem) saturate(145%); backdrop-filter: blur(1.55rem) saturate(145%); }
}

.veyra-header__logo { display:flex; align-items:center; flex:0 0 auto; width:10.9rem; }
.veyra-header__logo img { display:block; width:100%; height:auto; max-height:2.5rem; object-fit:contain; }
.veyra-header__nav { display:flex; align-items:center; justify-content:center; gap:.12rem; flex:1 1 auto; min-width:0; }
.veyra-header__link { display:inline-flex; align-items:center; gap:.2rem; min-height:2.55rem; padding:.55rem .67rem; border-radius:.62rem; color:var(--veyra-text-soft); font-size:.875rem; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap; }
.veyra-header__link svg { width:.78rem; height:.78rem; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.veyra-header__link:hover, .veyra-header__link:focus-visible { color:var(--veyra-text); background:rgba(255,255,255,.045); }

.veyra-nav-dropdown { position:relative; }
.veyra-nav-dropdown__panel { position:absolute; top:calc(100% + .55rem); left:50%; width:18rem; padding:.45rem; display:grid; gap:.2rem; opacity:0; visibility:hidden; transform:translate(-50%,-.35rem); border:1px solid rgba(137,160,204,.18); border-radius:.9rem; background:rgba(5,9,18,.96); box-shadow:0 1.5rem 4rem rgba(0,0,0,.42); transition:opacity .16s ease,transform .16s ease,visibility .16s ease; }
.veyra-nav-dropdown:hover .veyra-nav-dropdown__panel, .veyra-nav-dropdown:focus-within .veyra-nav-dropdown__panel { opacity:1; visibility:visible; transform:translate(-50%,0); }
.veyra-nav-dropdown__panel a { display:grid; gap:.18rem; padding:.72rem .78rem; border-radius:.65rem; color:var(--veyra-text); text-decoration:none; }
.veyra-nav-dropdown__panel a:hover { background:rgba(255,255,255,.05); }
.veyra-nav-dropdown__panel span { font-size:.86rem; font-weight:650; }
.veyra-nav-dropdown__panel small { color:var(--veyra-text-muted); font-size:.72rem; line-height:1.35; }

.veyra-header__actions { display:flex; align-items:center; gap:.45rem; flex:0 0 auto; }
.veyra-icon-button, .veyra-header__login, .veyra-header__cta { min-height:2.65rem; display:inline-flex; align-items:center; justify-content:center; border-radius:.72rem; font-size:.875rem; font-weight:650; text-decoration:none; white-space:nowrap; }
.veyra-icon-button { width:2.65rem; border:1px solid rgba(137,160,204,.16); color:var(--veyra-text-soft); background:rgba(255,255,255,.025); }
.veyra-icon-button svg { width:1.15rem; height:1.15rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.veyra-header__login { padding-inline:1rem; border:1px solid rgba(137,160,204,.17); color:var(--veyra-text); background:rgba(255,255,255,.025); }
.veyra-header__cta { padding-inline:1.05rem; color:#fff; background:var(--veyra-gradient-brand); box-shadow:0 .65rem 1.8rem rgba(87,92,255,.24); }
.veyra-icon-button:hover, .veyra-header__login:hover { border-color:rgba(138,92,255,.38); background:rgba(255,255,255,.055); }
.veyra-header__cta:hover { filter:brightness(1.08); transform:translateY(-1px); }

.veyra-header__mobile { display:none; }

.veyra-app-dock { display:none; }

.veyra-footer { position:relative; padding:clamp(2.5rem,5vw,4.5rem) clamp(.75rem,2vw,1.5rem) calc(1.25rem + env(safe-area-inset-bottom)); border-top:1px solid rgba(137,160,204,.08); background:transparent; }
.veyra-footer__shell { width:min(100%,88rem); margin-inline:auto; border:1px solid rgba(137,160,204,.16); border-radius:1.25rem; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 25%),rgba(6,10,19,.24); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1.5rem 4rem rgba(0,0,0,.18); -webkit-backdrop-filter:blur(1.45rem) saturate(138%); backdrop-filter:blur(1.45rem) saturate(138%); }
.veyra-footer__cta { padding:clamp(1.7rem,4vw,3rem); display:flex; justify-content:space-between; align-items:end; gap:2rem; border-bottom:1px solid rgba(137,160,204,.13); }
.veyra-footer__eyebrow { display:inline-flex; align-items:center; gap:.5rem; margin-bottom:1rem; padding:.36rem .65rem; border:1px solid rgba(137,160,204,.16); border-radius:999px; color:var(--veyra-text-soft); font-size:.69rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.veyra-footer__eyebrow i { width:.38rem; height:.38rem; border-radius:50%; background:#5b8cff; box-shadow:0 0 .7rem #5b8cff; }
.veyra-footer__cta h2 { margin:0; color:var(--veyra-text); font-size:clamp(2rem,4vw,3.65rem); line-height:.98; letter-spacing:-.045em; }
.veyra-footer__cta h2 em { color:#9b82ff; font-style:normal; }
.veyra-footer__cta p { max-width:42rem; margin:1rem 0 0; color:var(--veyra-text-muted); }
.veyra-footer__cta-actions { display:flex; gap:.65rem; flex:0 0 auto; }
.veyra-footer__primary,.veyra-footer__secondary { min-height:2.9rem; display:inline-flex; align-items:center; justify-content:center; padding-inline:1.15rem; border-radius:.72rem; color:#fff; font-size:.88rem; font-weight:700; text-decoration:none; }
.veyra-footer__primary { background:var(--veyra-gradient-brand); }
.veyra-footer__secondary { border:1px solid rgba(137,160,204,.18); background:rgba(255,255,255,.025); }
.veyra-footer__main { padding:clamp(1.8rem,4vw,3rem); display:grid; grid-template-columns:minmax(15rem,1.55fr) repeat(4,minmax(8rem,1fr)); gap:clamp(1.5rem,3vw,3rem); }
.veyra-footer__brand img { width:10.8rem; height:auto; }
.veyra-footer__brand p { max-width:22rem; margin:1.25rem 0 .85rem; color:var(--veyra-text-muted); font-size:.9rem; line-height:1.65; }
.veyra-footer__brand span { color:var(--veyra-text-muted); font-size:.76rem; }
.veyra-footer__brand a,.veyra-footer__bottom a { color:var(--veyra-text-soft); text-decoration:none; }
.veyra-footer__column { display:flex; flex-direction:column; align-items:flex-start; gap:.68rem; }
.veyra-footer__column h3 { margin:0 0 .35rem; color:var(--veyra-text); font-size:.78rem; font-weight:750; letter-spacing:.04em; }
.veyra-footer__column a { color:var(--veyra-text-muted); font-size:.84rem; text-decoration:none; }
.veyra-footer__column a:hover { color:var(--veyra-text); }
.veyra-footer__column small { margin-left:.25rem; padding:.12rem .32rem; border-radius:999px; color:#ad98ff; background:rgba(138,92,255,.12); font-size:.58rem; text-transform:uppercase; }
.veyra-footer__bottom { padding:1rem clamp(1.8rem,4vw,3rem); display:flex; justify-content:space-between; gap:1rem; border-top:1px solid rgba(137,160,204,.12); color:var(--veyra-text-muted); font-size:.72rem; }
.veyra-footer__bottom p { margin:0; }
.veyra-footer__bottom p:last-child { display:flex; align-items:center; gap:.7rem; }

@media (max-width: 72rem) {
  .veyra-header__desktop { gap:.6rem; }
  .veyra-header__logo { width:9.2rem; }
  .veyra-header__link { padding-inline:.48rem; font-size:.8rem; }
  .veyra-header__login { display:none; }
  .veyra-footer__main { grid-template-columns:1.5fr repeat(2,1fr); }
  .veyra-footer__brand { grid-row:span 2; }
}

@media (max-width: 48rem) {
  body { padding-bottom:calc(5rem + env(safe-area-inset-bottom)); }
  .veyra-header { padding:.45rem .5rem 0; }
  .admin-bar .veyra-header { top:46px; }
  .veyra-header__desktop { display:none; }
  .veyra-header__mobile { width:100%; min-height:3.7rem; display:flex; align-items:center; justify-content:center; border:1px solid rgba(137,160,204,.17); border-radius:1rem; background:rgba(5,9,18,.36); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 .7rem 2rem rgba(0,0,0,.22); pointer-events:auto; }
  .veyra-header__mobile a { width:2.75rem; height:2.75rem; display:grid; place-items:center; }
  .veyra-header__mobile img { width:2.3rem; height:2.3rem; object-fit:contain; }

  .veyra-app-dock { position:fixed; z-index:400; right:.45rem; bottom:max(.45rem,env(safe-area-inset-bottom)); left:.45rem; min-height:4.55rem; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; padding:.3rem .25rem; border:1px solid rgba(137,160,204,.18); border-radius:1.15rem; background:rgba(4,8,16,.93); box-shadow:0 1rem 3rem rgba(0,0,0,.46); -webkit-backdrop-filter:blur(1.35rem) saturate(130%); backdrop-filter:blur(1.35rem) saturate(130%); }
  .veyra-app-dock__item { min-width:0; min-height:3.55rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.25rem; border-radius:.85rem; color:#f4f6ff; font-size:.64rem; font-weight:650; line-height:1; text-decoration:none; }
  .veyra-app-dock__item svg { width:1.18rem; height:1.18rem; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
  .veyra-app-dock__item--primary { position:relative; top:-.45rem; min-height:4.05rem; margin-inline:.1rem; border:1px solid rgba(192,205,255,.30); border-radius:1.15rem; background:linear-gradient(145deg,rgba(255,255,255,.16),transparent),var(--veyra-gradient-brand); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 .75rem 2rem rgba(86,83,255,.35); }
  .veyra-app-dock__item--primary svg { width:1.3rem; height:1.3rem; }

  .veyra-footer { padding-top:3rem; }
  .veyra-footer__cta { align-items:flex-start; flex-direction:column; }
  .veyra-footer__cta-actions { width:100%; flex-wrap:wrap; }
  .veyra-footer__primary,.veyra-footer__secondary { flex:1 1 9rem; }
  .veyra-footer__main { grid-template-columns:1fr 1fr; }
  .veyra-footer__brand { grid-column:1/-1; grid-row:auto; padding-bottom:.8rem; }
  .veyra-footer__bottom { flex-direction:column; }
}

@media (max-width: 25rem) {
  .veyra-app-dock__item { font-size:.58rem; }
  .veyra-footer__main { grid-template-columns:1fr; }
}

/* ==========================================================================
   14. Scroll-responsive premium navigation — 0.6.1
   ========================================================================== */

.veyra-header,
.veyra-header__desktop,
.veyra-header__mobile,
.veyra-header__logo,
.veyra-header__logo img,
.veyra-header__nav,
.veyra-header__actions,
.veyra-header__link,
.veyra-icon-button,
.veyra-header__login,
.veyra-header__cta,
.veyra-app-dock,
.veyra-app-dock__item,
.veyra-app-dock__item span,
.veyra-app-dock__item svg {
  transition-duration: .42s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

.veyra-header,
.veyra-header__desktop,
.veyra-header__mobile,
.veyra-header__logo,
.veyra-header__nav,
.veyra-header__actions,
.veyra-app-dock,
.veyra-app-dock__item {
  transition-property: width, max-width, min-height, height, padding, gap, border-radius, background-color, border-color, box-shadow, transform, opacity;
}

.veyra-header__logo img,
.veyra-header__link,
.veyra-icon-button,
.veyra-header__login,
.veyra-header__cta,
.veyra-app-dock__item span,
.veyra-app-dock__item svg {
  transition-property: width, max-width, height, padding, margin, opacity, transform, color, background-color, border-color, box-shadow;
}

.veyra-header__logo-mark,
.veyra-header__cta-short {
  display: none;
}

@media (min-width: 961px) {
  .veyra-header__desktop {
    width: min(100%, 88rem);
    margin-inline: auto;
    transform-origin: top center;
  }

  .veyra-nav-is-collapsed .veyra-header {
    padding-top: .45rem;
  }

  .veyra-nav-is-collapsed .veyra-header__desktop {
    width: min(calc(100% - 2rem), 66rem);
    min-height: 3.65rem;
    padding: .38rem .46rem;
    gap: .55rem;
    border-radius: 1.15rem;
    border-color: rgba(153, 177, 230, .22);
    background: rgba(4, 8, 17, .44);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      0 .85rem 2.8rem rgba(0,0,0,.34),
      0 0 0 1px rgba(91, 92, 255, .025);
  }

  @supports ((-webkit-backdrop-filter: blur(1rem)) or (backdrop-filter: blur(1rem))) {
    .veyra-nav-is-collapsed .veyra-header__desktop {
      -webkit-backdrop-filter: blur(1.75rem) saturate(145%);
      backdrop-filter: blur(1.75rem) saturate(145%);
    }
  }

  .veyra-nav-is-collapsed .veyra-header__logo {
    width: 2.85rem;
    height: 2.85rem;
    justify-content: center;
  }

  .veyra-nav-is-collapsed .veyra-header__logo-full {
    width: 0;
    max-width: 0;
    opacity: 0;
    transform: scale(.78);
    pointer-events: none;
  }

  .veyra-nav-is-collapsed .veyra-header__logo-mark {
    display: block;
    width: 2.35rem;
    height: 2.35rem;
    opacity: 1;
    transform: scale(1);
    object-fit: contain;
  }

  .veyra-nav-is-collapsed .veyra-header__nav {
    gap: 0;
  }

  .veyra-nav-is-collapsed .veyra-header__link {
    min-height: 2.35rem;
    padding: .45rem .53rem;
    font-size: .79rem;
  }

  .veyra-nav-is-collapsed .veyra-header__actions {
    gap: .3rem;
  }

  .veyra-nav-is-collapsed .veyra-icon-button,
  .veyra-nav-is-collapsed .veyra-header__login,
  .veyra-nav-is-collapsed .veyra-header__cta {
    min-height: 2.4rem;
    border-radius: .65rem;
  }

  .veyra-nav-is-collapsed .veyra-header__login {
    max-width: 0;
    padding-inline: 0;
    border-width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
  }

  .veyra-nav-is-collapsed .veyra-header__cta {
    padding-inline: .78rem;
  }

  .veyra-nav-is-collapsed .veyra-header__cta-full {
    display: none;
  }

  .veyra-nav-is-collapsed .veyra-header__cta-short {
    display: inline;
  }
}

@media (max-width: 960px) {
  .veyra-nav-is-collapsed .veyra-header {
    padding-top: .35rem;
  }

  .veyra-nav-is-collapsed .veyra-header__mobile {
    width: 3.45rem;
    min-height: 3.45rem;
    margin-inline: auto;
    border-radius: 1.1rem;
    background: rgba(4, 8, 17, .48);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 .8rem 2.4rem rgba(0,0,0,.38);
  }

  .veyra-nav-is-collapsed .veyra-header__mobile a {
    width: 3.2rem;
    height: 3.2rem;
  }

  .veyra-nav-is-collapsed .veyra-header__mobile img {
    width: 2.05rem;
    height: 2.05rem;
  }

  .veyra-nav-is-collapsed .veyra-app-dock {
    right: max(1.15rem, env(safe-area-inset-right));
    left: max(1.15rem, env(safe-area-inset-left));
    min-height: 3.65rem;
    padding: .24rem .3rem;
    border-radius: 1.3rem;
    background: rgba(3, 7, 15, .94);
    box-shadow: 0 .9rem 2.8rem rgba(0,0,0,.5);
  }

  .veyra-nav-is-collapsed .veyra-app-dock__item {
    min-height: 3rem;
    gap: 0;
    border-radius: .9rem;
  }

  .veyra-nav-is-collapsed .veyra-app-dock__item span {
    max-height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(.3rem) scale(.9);
  }

  .veyra-nav-is-collapsed .veyra-app-dock__item svg {
    width: 1.28rem;
    height: 1.28rem;
    transform: translateY(0);
  }

  .veyra-nav-is-collapsed .veyra-app-dock__item--primary {
    top: 0;
    min-height: 3.05rem;
    margin-inline: .16rem;
    border-radius: .95rem;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 .5rem 1.4rem rgba(86,83,255,.28);
  }

  .veyra-nav-is-collapsed .veyra-app-dock__item--primary svg {
    width: 1.38rem;
    height: 1.38rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .veyra-header,
  .veyra-header *,
  .veyra-app-dock,
  .veyra-app-dock * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* ========================================================================== 
   15. Sticky navigation refinement — 0.6.3
   ========================================================================== */

/* Fixed is used deliberately instead of sticky because block-theme wrappers
   may introduce overflow contexts that disable CSS sticky positioning. */
.veyra-header {
  position: fixed;
  inset: 0 0 auto;
  width: 100%;
  will-change: transform;
}

body {
  padding-top: 5.9rem;
}

.admin-bar .veyra-header {
  top: 32px;
}

.veyra-header__desktop {
  overflow: visible;
  transition:
    width .68s cubic-bezier(.16, 1, .3, 1),
    min-height .58s cubic-bezier(.16, 1, .3, 1),
    padding .58s cubic-bezier(.16, 1, .3, 1),
    gap .58s cubic-bezier(.16, 1, .3, 1),
    border-radius .58s cubic-bezier(.16, 1, .3, 1),
    background-color .58s ease,
    border-color .58s ease,
    box-shadow .58s ease;
}

.veyra-header__logo {
  position: relative;
  min-width: 0;
  height: 2.75rem;
  justify-content: center;
  transition:
    width .62s cubic-bezier(.16, 1, .3, 1),
    height .62s cubic-bezier(.16, 1, .3, 1),
    margin .62s cubic-bezier(.16, 1, .3, 1);
}

.veyra-header__logo img {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  transition:
    opacity .32s ease,
    transform .62s cubic-bezier(.16, 1, .3, 1),
    width .62s cubic-bezier(.16, 1, .3, 1),
    height .62s cubic-bezier(.16, 1, .3, 1);
}

.veyra-header__logo-full {
  width: 10.9rem !important;
  max-width: none !important;
  opacity: 1;
}

.veyra-header__logo-mark {
  display: block;
  width: 2.3rem !important;
  height: 2.3rem !important;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.68) rotate(-5deg) !important;
  pointer-events: none;
}

.veyra-header__nav,
.veyra-header__actions {
  overflow: hidden;
  transition:
    flex-basis .58s cubic-bezier(.16, 1, .3, 1),
    max-width .58s cubic-bezier(.16, 1, .3, 1),
    opacity .24s ease,
    transform .46s cubic-bezier(.16, 1, .3, 1),
    gap .46s cubic-bezier(.16, 1, .3, 1);
}

@media (min-width: 961px) {
  .veyra-desktop-nav-is-collapsed .veyra-header {
    padding-top: .48rem;
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__desktop {
    width: 4.25rem;
    min-height: 4.25rem;
    padding: .34rem;
    gap: 0;
    border-radius: 1.35rem;
    overflow: hidden;
    border-color: rgba(168, 181, 236, .25);
    background: rgba(4, 8, 17, .86);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.1),
      0 1rem 3rem rgba(0,0,0,.42),
      0 0 2.2rem rgba(96,87,255,.08);
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__logo {
    width: 3.55rem;
    height: 3.55rem;
    margin: 0;
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__logo-full {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.72) translateY(-.2rem) !important;
    pointer-events: none;
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__logo-mark {
    width: 2.55rem !important;
    height: 2.55rem !important;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0) !important;
    pointer-events: auto;
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__nav,
  .veyra-desktop-nav-is-collapsed .veyra-header__actions {
    flex: 0 0 0;
    max-width: 0;
    gap: 0;
    opacity: 0;
    transform: translateY(-.45rem) scale(.96);
    pointer-events: none;
  }

  .veyra-desktop-nav-is-collapsed .veyra-header__nav > *,
  .veyra-desktop-nav-is-collapsed .veyra-header__actions > * {
    visibility: hidden;
  }
}

@media (max-width: 960px) {
  body {
    padding-top: 4.65rem;
  }

  .admin-bar .veyra-header {
    top: 46px;
  }

  .veyra-header__mobile,
  .veyra-header__mobile a,
  .veyra-header__mobile img,
  .veyra-app-dock,
  .veyra-app-dock__item,
  .veyra-app-dock__item span,
  .veyra-app-dock__item svg {
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }

  /* The mobile brand topbar is deliberately static. Only the bottom dock
     responds to scrolling, so the logo remains a stable home affordance. */

  .veyra-header__mobile {
    transform: none !important;
  }

  .veyra-header__mobile,
  .veyra-header__mobile a,
  .veyra-header__mobile img {
    transition: none !important;
  }

  .veyra-mobile-nav-is-collapsed .veyra-app-dock {
    right: max(1.15rem, env(safe-area-inset-right));
    left: max(1.15rem, env(safe-area-inset-left));
    min-height: 3.58rem;
    padding: .22rem .28rem;
    border-radius: 1.28rem;
    transform: translateY(.12rem);
  }

  .veyra-mobile-nav-is-collapsed .veyra-app-dock__item {
    min-height: 3rem;
    gap: 0;
  }

  .veyra-mobile-nav-is-collapsed .veyra-app-dock__item span {
    max-height: 0;
    opacity: 0;
    margin: 0;
    overflow: hidden;
    transform: translateY(.35rem) scale(.86);
  }

  .veyra-mobile-nav-is-collapsed .veyra-app-dock__item svg {
    width: 1.28rem;
    height: 1.28rem;
  }

  .veyra-mobile-nav-is-collapsed .veyra-app-dock__item--primary {
    top: 0;
    min-height: 3rem;
    margin-inline: .15rem;
    border-radius: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .veyra-header,
  .veyra-header *,
  .veyra-app-dock,
  .veyra-app-dock * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* ========================================================================== 
   11. Shortcode sidebar — [veyra_sidebar]
   ========================================================================== */

.veyra-shortcode-sidebar-wrap {
	position: relative;
	min-width: 0;
}

.veyra-shortcode-sidebar {
	position: sticky;
	top: calc(var(--veyra-header-offset, 7rem) + 1rem);
	width: min(100%, var(--veyra-sidebar-width, 17rem));
}

.admin-bar .veyra-shortcode-sidebar {
	top: calc(var(--veyra-header-offset, 7rem) + 3rem);
}

.veyra-shortcode-sidebar__panel {
	position: relative;
	display: grid;
	gap: 1.1rem;
	padding: 1rem;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--border, #2b3247) 82%, transparent);
	border-radius: var(--wp--custom--radius--xl, 1.25rem);
	background: color-mix(in srgb, var(--wp--preset--color--surface, #111625) 78%, transparent);
	box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, .24);
	backdrop-filter: blur(22px) saturate(135%);
	-webkit-backdrop-filter: blur(22px) saturate(135%);
}

.veyra-shortcode-sidebar__header {
	display: grid;
	gap: .35rem;
	padding: .35rem .35rem .75rem;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--border, #2b3247) 70%, transparent);
}

.veyra-shortcode-sidebar__title,
.veyra-shortcode-sidebar__caption {
	margin: 0;
}

.veyra-shortcode-sidebar__title {
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: -.01em;
}

.veyra-shortcode-sidebar__caption {
	color: var(--wp--preset--color--muted, #98a2b8);
	font-size: .79rem;
	line-height: 1.5;
}

.veyra-shortcode-sidebar__nav ul {
	display: grid;
	gap: .25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.veyra-shortcode-sidebar__nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	min-height: 2.55rem;
	padding: .65rem .75rem;
	border: 1px solid transparent;
	border-radius: .8rem;
	color: var(--wp--preset--color--muted, #a8b0c2);
	font-size: .86rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.veyra-shortcode-sidebar__nav a:hover,
.veyra-shortcode-sidebar__nav a.is-active,
.veyra-shortcode-sidebar__nav a[aria-current] {
	border-color: color-mix(in srgb, var(--wp--preset--color--primary, #588cff) 34%, transparent);
	background: linear-gradient(135deg, rgba(88, 140, 255, .12), rgba(138, 92, 255, .09));
	color: var(--wp--preset--color--foreground, #fff);
	transform: translateX(.12rem);
}

.veyra-shortcode-sidebar__nav small {
	padding: .18rem .4rem;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 999px;
	color: var(--wp--preset--color--primary, #82a5ff);
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.veyra-shortcode-sidebar__cta {
	display: grid;
	gap: .55rem;
	padding: .85rem;
	border: 1px solid rgba(138, 92, 255, .22);
	border-radius: .9rem;
	background: linear-gradient(145deg, rgba(88,140,255,.10), rgba(198,92,255,.08));
}

.veyra-shortcode-sidebar__cta > span {
	color: var(--wp--preset--color--muted, #a8b0c2);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.veyra-shortcode-sidebar__cta > a {
	color: var(--wp--preset--color--foreground, #fff);
	font-size: .84rem;
	font-weight: 700;
	text-decoration: none;
}

.veyra-shortcode-sidebar-toggle,
.veyra-shortcode-sidebar-backdrop,
.veyra-shortcode-sidebar__close {
	display: none;
}

.veyra-layout-with-sidebar {
	display: grid;
	grid-template-columns: minmax(14rem, var(--veyra-sidebar-width, 17rem)) minmax(0, 1fr);
	gap: clamp(1.5rem, 3vw, 3rem);
	align-items: start;
}

.veyra-layout-with-sidebar__content {
	min-width: 0;
}

@media (max-width: 64rem) {
	.veyra-layout-with-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	.veyra-shortcode-sidebar-toggle {
		display: inline-flex;
		align-items: center;
		gap: .6rem;
		min-height: 2.8rem;
		padding: .65rem .85rem;
		border: 1px solid rgba(255,255,255,.1);
		border-radius: .85rem;
		background: rgba(17,22,37,.78);
		color: #fff;
		font: inherit;
		font-size: .84rem;
		font-weight: 700;
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	.veyra-shortcode-sidebar {
		position: fixed;
		z-index: 10020;
		top: 0;
		bottom: 0;
		left: 0;
		width: min(22rem, calc(100vw - 2rem));
		padding: 1rem;
		transform: translateX(-110%);
		transition: transform .28s cubic-bezier(.2,.8,.2,1);
	}

	.admin-bar .veyra-shortcode-sidebar {
		top: 0;
	}

	.veyra-shortcode-sidebar__panel {
		height: 100%;
		overflow-y: auto;
		padding-top: 3.25rem;
	}

	.veyra-shortcode-sidebar__close {
		position: absolute;
		top: .9rem;
		right: .9rem;
		display: inline-grid;
		place-items: center;
		width: 2.2rem;
		height: 2.2rem;
		padding: 0;
		border: 1px solid rgba(255,255,255,.1);
		border-radius: .7rem;
		background: rgba(255,255,255,.05);
		color: #fff;
	}

	.veyra-shortcode-sidebar-backdrop {
		position: fixed;
		z-index: 10010;
		inset: 0;
		display: block;
		border: 0;
		background: rgba(3,5,12,.68);
		opacity: 0;
		pointer-events: none;
		transition: opacity .22s ease;
	}

	.veyra-shortcode-sidebar-wrap.is-open .veyra-shortcode-sidebar {
		transform: translateX(0);
	}

	.veyra-shortcode-sidebar-wrap.is-open .veyra-shortcode-sidebar-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	html.veyra-sidebar-is-open,
	html.veyra-sidebar-is-open body {
		overflow: hidden;
	}
}

@media (prefers-reduced-motion: reduce) {
	.veyra-shortcode-sidebar,
	.veyra-shortcode-sidebar-backdrop,
	.veyra-shortcode-sidebar__nav a {
		transition: none !important;
	}
}

/* ==========================================================================
   0.31.0 — Public MVP navigation states
   ========================================================================== */

.veyra-header__link--pending,
.veyra-footer__pending,
.veyra-app-dock__item--pending {
	cursor: default;
	pointer-events: none;
}

.veyra-header__link--pending {
	position: relative;
	color: var(--veyra-text-muted);
	opacity: .58;
}

.veyra-header__link--pending::after {
	width: .3rem;
	height: .3rem;
	margin-left: .22rem;
	border-radius: 50%;
	background: #9b82ff;
	box-shadow: 0 0 .55rem rgba(155, 130, 255, .65);
	content: "";
}

.veyra-header__link--pending:is(:hover, :focus-visible) {
	background: transparent;
	color: var(--veyra-text-muted);
}

.veyra-nav-dropdown--end .veyra-nav-dropdown__panel {
	right: 0;
	left: auto;
	transform: translateY(-.35rem);
}

.veyra-nav-dropdown--end:hover .veyra-nav-dropdown__panel,
.veyra-nav-dropdown--end:focus-within .veyra-nav-dropdown__panel {
	transform: translateY(0);
}

.veyra-footer__pending {
	opacity: .62;
}

.veyra-footer__pending small {
	color: #ad98ff;
	background: rgba(138, 92, 255, .12);
}

.veyra-app-dock__item--pending {
	position: relative;
	opacity: .52;
}

.veyra-app-dock__item--pending::after {
	position: absolute;
	top: .36rem;
	right: calc(50% - 1rem);
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	background: #9b82ff;
	box-shadow: 0 0 .5rem rgba(155, 130, 255, .65);
	content: "";
}

@media (max-width: 72rem) and (min-width: 48.01rem) {
	.veyra-header__nav {
		gap: 0;
	}

	.veyra-header__link {
		padding-inline: .42rem;
		font-size: .77rem;
	}

	.veyra-header__cta {
		padding-inline: .85rem;
	}
}

/* ========================================================================== 
   0.32.0 — Final navigation blueprint and accessible dropdown repair
   ========================================================================== */

.veyra-header__nav,
.veyra-header__actions { overflow: visible; }

.veyra-header__dropdown-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}

.veyra-header__dropdown-trigger[aria-expanded="true"] { color:var(--veyra-text); background:rgba(255,255,255,.05); }
.veyra-header__dropdown-trigger svg { transition:transform .16s ease; }
.veyra-header__dropdown-trigger[aria-expanded="true"] svg,
.veyra-nav-dropdown:hover .veyra-header__dropdown-trigger svg { transform:rotate(180deg); }

.veyra-nav-dropdown::after {
  position:absolute;
  top:100%;
  right:-.4rem;
  left:-.4rem;
  height:.65rem;
  content:"";
}

.veyra-nav-dropdown__panel {
  z-index:50;
  top:calc(100% + .42rem);
  width:min(20.5rem,calc(100vw - 2rem));
  pointer-events:none;
}

.veyra-nav-dropdown:hover .veyra-nav-dropdown__panel,
.veyra-nav-dropdown:focus-within .veyra-nav-dropdown__panel,
.veyra-nav-dropdown.is-open .veyra-nav-dropdown__panel {
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
  pointer-events:auto;
}

.veyra-nav-dropdown__item {
  display:grid;
  gap:.22rem;
  padding:.72rem .78rem;
  border-radius:.65rem;
  color:var(--veyra-text);
  text-decoration:none;
}

a.veyra-nav-dropdown__item:is(:hover,:focus-visible) { background:rgba(255,255,255,.05); }
.veyra-nav-dropdown__item-title { display:flex; align-items:center; justify-content:space-between; gap:.65rem; font-size:.86rem; font-weight:650; }
.veyra-nav-dropdown__item > small:not(.veyra-nav-status) { color:var(--veyra-text-muted); font-size:.72rem; line-height:1.35; }
.veyra-nav-dropdown__item--pending { cursor:default; opacity:.58; }

.veyra-nav-status {
  flex:0 0 auto;
  padding:.13rem .34rem;
  border-radius:999px;
  background:rgba(138,92,255,.12);
  color:#ad98ff !important;
  font-size:.56rem !important;
  font-weight:750;
  letter-spacing:.04em;
  line-height:1.2 !important;
  text-transform:uppercase;
}
.veyra-nav-status--live { background:rgba(0,229,255,.09); color:#9cf3ff !important; }

.veyra-header__link--pending,
.veyra-header__action--pending { cursor:default; opacity:.48; pointer-events:none; user-select:none; }
.veyra-header__link--pending::after { width:.3rem; height:.3rem; margin-left:.22rem; border-radius:50%; background:#9b82ff; box-shadow:0 0 .55rem rgba(155,130,255,.65); content:""; }
.veyra-header__action--pending { position:relative; }
.veyra-header__action--pending::after { position:absolute; top:.28rem; right:.3rem; width:.3rem; height:.3rem; border-radius:50%; background:#9b82ff; box-shadow:0 0 .5rem rgba(155,130,255,.65); content:""; }

.veyra-footer__pending { display:inline-flex; align-items:center; color:var(--veyra-text-muted); font-size:.84rem; opacity:.6; cursor:default; user-select:none; }
.veyra-footer__pending small { margin-left:.25rem; padding:.12rem .32rem; border-radius:999px; color:#ad98ff; background:rgba(138,92,255,.12); font-size:.58rem; text-transform:uppercase; }

.veyra-app-dock__item--pending { position:relative; cursor:default; pointer-events:none; user-select:none; opacity:.48; }
.veyra-app-dock__item--pending::after { position:absolute; top:.35rem; right:calc(50% - 1rem); width:.3rem; height:.3rem; border-radius:50%; background:#9b82ff; box-shadow:0 0 .5rem rgba(155,130,255,.65); content:""; }

.veyra-nav-dropdown--end .veyra-nav-dropdown__panel { right:0; left:auto; transform:translateY(-.35rem); }
.veyra-nav-dropdown--end:hover .veyra-nav-dropdown__panel,
.veyra-nav-dropdown--end:focus-within .veyra-nav-dropdown__panel,
.veyra-nav-dropdown--end.is-open .veyra-nav-dropdown__panel { transform:translateY(0); }

@media (min-width:961px) {
  .veyra-desktop-nav-is-collapsed .veyra-header__nav,
  .veyra-desktop-nav-is-collapsed .veyra-header__actions { overflow:hidden; }
  .veyra-nav-dropdown-is-open .veyra-header__desktop { overflow:visible; }
  .veyra-nav-dropdown-is-open .veyra-header__nav,
  .veyra-nav-dropdown-is-open .veyra-header__actions { opacity:1; pointer-events:auto; }
}

@media (max-width:72rem) and (min-width:60.01rem) {
  .veyra-header__desktop { gap:.42rem; }
  .veyra-header__logo { width:8.65rem; }
  .veyra-header__nav { gap:0; }
  .veyra-header__link { padding-inline:.42rem; font-size:.77rem; }
  .veyra-header__cta { padding-inline:.82rem; }
}

@media (prefers-reduced-motion:reduce) {
  .veyra-header__dropdown-trigger svg,
  .veyra-nav-dropdown__panel { transition:none; }
}