/* Armenius PWA in-app chrome: back / reload controls and a navigation progress
   bar, for the installed app where the browser provides none.

   Everything is fixed-position overlay — no layout impact on the theme. Scoped to
   standalone so a normal browser tab (which has real chrome) never sees it. */

#armenius-appnav[hidden],
#armenius-appnav-progress[hidden],
#armenius-appnav [hidden] {
	display: none !important;
}

/* Belt-and-braces: the script also bails outside standalone, but if either the
   markup or the script is cached oddly, CSS keeps it invisible in a normal tab. */
#armenius-appnav,
#armenius-appnav-progress {
	display: none;
}

@media (display-mode: standalone) {
	#armenius-appnav:not([hidden]) {
		display: flex;
	}

	#armenius-appnav-progress:not([hidden]) {
		display: block;
	}
}

/* iOS standalone reports display-mode inconsistently on some versions; the
   script sets this class as a second signal. */
html.armenius-standalone #armenius-appnav:not([hidden]) {
	display: flex;
}

html.armenius-standalone #armenius-appnav-progress:not([hidden]) {
	display: block;
}

/* ------------------------------------------------------- progress bar -- */

#armenius-appnav-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0;
	z-index: 999;
	background: var(--color-accent, #fc0);
	box-shadow: 0 0 8px rgb(255 204 0 / 0.7);
	pointer-events: none;
}

/* ---------------------------------------------------------- controls -- */

#armenius-appnav {
	position: fixed;
	left: max(12px, env(safe-area-inset-left, 0px));
	bottom: calc(14px + env(safe-area-inset-bottom, 0px));
	z-index: 620;
	display: flex;
	gap: 8px;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

#armenius-appnav.is-tucked {
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	#armenius-appnav {
		transition: none;
	}
}

.armenius-appnav__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--color-border, #ddd);
	border-radius: 999px;
	background: var(--color-bg, #fff);
	color: var(--color-dark-2, #2e2e2e);
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.16);
	cursor: pointer;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
}

.armenius-appnav__btn:active {
	background: var(--color-bg-muted, #f9f9f9);
	transform: scale(0.94);
}

/* Keep clear of the install banner / push prompt when either is on screen. */
.armenius-pwa-banner:not([hidden]) ~ #armenius-appnav,
.armenius-push-prompt:not([hidden]) ~ #armenius-appnav {
	bottom: calc(90px + env(safe-area-inset-bottom, 0px));
}