/* KingsPass mobile bottom navigation. Standalone: no framework, font or icon dependencies. */
.kp-bottom-nav { --kpn-accent: #00a8e8; --kpn-muted: #8a919a; --kpn-bg: #fff; --kpn-line: #e5e8ec; display: none; }
@media (max-width: 767px) {
	body.kp-has-bottom-nav { padding-bottom: calc(68px + env(safe-area-inset-bottom)); }
	.kp-hide-on-mobile { display: none !important; }
	.kp-bottom-nav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000; height: 68px; box-sizing: content-box; padding-bottom: env(safe-area-inset-bottom); background: var(--kpn-bg); border-top: 1px solid var(--kpn-line); box-shadow: 0 -4px 18px rgba(0,0,0,.08); font-family: -apple-system, "Segoe UI", Roboto, "Open Sans", Arial, sans-serif; }
	.kp-bottom-nav a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--kpn-muted); font-size: 13px; font-weight: 600; line-height: 1; text-decoration: none; -webkit-tap-highlight-color: transparent; }
	.kp-bottom-nav a svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.kp-bottom-nav a.active { color: var(--kpn-accent); }
}
@media (max-width: 767px) {
	.kp-bottom-nav a.active { font-weight: 800; font-size: 14px; }
	.kp-bottom-nav a.active svg { width: 29px; height: 29px; stroke-width: 2.2; }
}