/* ============================================================
 * Haza YS — mobile-only bottom navigation
 * ============================================================ */

.hzys-bottom-nav {
	display:none;
}

@media (max-width: 782px) {
	.hzys-bottom-nav {
		display:block;
		position:fixed;
		inset:auto 10px calc(8px + env(safe-area-inset-bottom)) 10px;
		z-index:9999;
		direction:rtl;
		font-family:inherit;
		background:rgba(255,255,255,.96);
		border:1px solid rgba(15,23,42,.10);
		border-radius:18px;
		box-shadow:0 14px 34px rgba(15,23,42,.18);
		backdrop-filter:saturate(160%) blur(16px);
		-webkit-backdrop-filter:saturate(160%) blur(16px);
		padding:6px;
		box-sizing:border-box;
	}
	.hzys-bottom-nav * { box-sizing:border-box; }
	.hzys-bottom-nav ul {
		list-style:none;
		margin:0;
		padding:0;
		display:grid;
		grid-template-columns:repeat(4, minmax(0, 1fr));
		gap:4px;
	}
	.hzys-bottom-nav li { margin:0; min-width:0; }
	.hzys-bottom-nav a {
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:4px;
		min-height:56px;
		padding:7px 4px 6px;
		border-radius:14px;
		color:#334155 !important;
		text-decoration:none;
		line-height:1.15;
		transition:background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
		-webkit-tap-highlight-color:transparent;
	}
	.hzys-bottom-nav a:hover,
	.hzys-bottom-nav a:focus-visible {
		background:#f1f5f9;
		outline:none;
	}
	.hzys-bottom-nav a.is-active {
		background:linear-gradient(135deg,#047857,#0f766e);
		color:#fff !important;
		box-shadow:0 8px 18px rgba(4,120,87,.24);
		transform:translateY(-1px);
	}
	.hzys-bottom-nav .hzys-bn-icon {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:24px;
		height:24px;
		font-size:17px;
		line-height:1;
		border-radius:50%;
		background:rgba(15,23,42,.06);
		color:inherit;
	}
	.hzys-bottom-nav a.is-active .hzys-bn-icon {
		background:rgba(255,255,255,.20);
	}
	.hzys-bottom-nav .hzys-bn-label {
		display:block;
		max-width:100%;
		font-size:11px;
		font-weight:800;
		letter-spacing:0;
		text-align:center;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	body.hzys-has-bottom-nav {
		padding-bottom:calc(84px + env(safe-area-inset-bottom));
	}
}

@media (max-width: 380px) {
	.hzys-bottom-nav { inset-inline:6px; padding:5px; }
	.hzys-bottom-nav a { min-height:52px; border-radius:12px; }
	.hzys-bottom-nav .hzys-bn-icon { width:22px; height:22px; font-size:15px; }
	.hzys-bottom-nav .hzys-bn-label { font-size:10px; }
}

@media (prefers-color-scheme: dark) and (max-width: 782px) {
	.hzys-bottom-nav {
		background:rgba(15,23,42,.94);
		border-color:rgba(148,163,184,.24);
		box-shadow:0 14px 34px rgba(0,0,0,.34);
	}
	.hzys-bottom-nav a { color:#e2e8f0 !important; }
	.hzys-bottom-nav a:hover,
	.hzys-bottom-nav a:focus-visible { background:rgba(148,163,184,.15); }
	.hzys-bottom-nav .hzys-bn-icon { background:rgba(255,255,255,.08); }
}