/**
 * شريط التنقل السفلي في الجوال (templates/layouts/portal/bottom-nav.php)
 * زجاجي ثابت أسفل الشاشة، والعنصر النشط بحبة ذهبية خلف الأيقونة
 */

.tnt .tnt-bottom { display: none; }

@media (max-width: 960px) {
	.tnt .tnt-bottom {
		position: fixed; inset-inline: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 80;
		display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 6px;
		border-radius: 22px; background: rgba(255, 255, 255, .88); backdrop-filter: blur(14px) saturate(1.4);
		border: 1px solid rgba(var(--tnt-navy-900-rgb), .08); box-shadow: 0 14px 34px -14px rgba(var(--tnt-navy-900-rgb), .45);
	}
	.tnt .tnt-bottom__item {
		display: grid; justify-items: center; gap: 3px; padding: 6px 2px; border: 0; background: transparent; cursor: pointer;
		color: var(--tnt-muted); text-decoration: none; font: 600 11px/1.2 var(--tnt-font); border-radius: 16px;
		-webkit-tap-highlight-color: transparent;
	}
	.tnt .tnt-bottom__icon { position: relative; width: 48px; height: 30px; border-radius: 99px; display: grid; place-items: center; transition: background .2s var(--tnt-ease), color .2s; }
	.tnt .tnt-bottom__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
	.tnt .tnt-bottom__item.is-active { color: var(--tnt-navy-900); }
	.tnt .tnt-bottom__item.is-active .tnt-bottom__icon { background: linear-gradient(135deg, var(--tnt-gold-400), var(--tnt-gold)); color: var(--tnt-navy-900); box-shadow: 0 6px 14px -6px rgba(var(--tnt-gold-rgb), .9); }
	.tnt .tnt-bottom__item:active .tnt-bottom__icon { transform: scale(.92); }
	.tnt .tnt-bottom__dot { position: absolute; top: 2px; inset-inline-end: 10px; width: 9px; height: 9px; border-radius: 50%; background: var(--tnt-danger); box-shadow: 0 0 0 2px #fff; }
}