/*
 * Akko Tours public mobile navigation.
 * Kept as a small post-compiled stylesheet so the production CMS cannot
 * resurrect an older floating/notched dock while rebuilding site.css.
 */
@media (max-width:760px){
	.public-route-notice{bottom:calc(92px + env(safe-area-inset-bottom));}
	.public-site-body{overflow-x:hidden;padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f5f6f8;}
	.public-app-navigation{
		--public-app-active-x:initial;
		position:fixed;
		inset-inline:0;
		bottom:0;
		z-index:180;
		display:grid;
		grid-template-columns:repeat(4,minmax(0,1fr));
		align-items:stretch;
		gap:4px;
		width:100%;
		min-height:calc(72px + env(safe-area-inset-bottom));
		margin:0;
		padding:7px 8px calc(7px + env(safe-area-inset-bottom));
		background:rgba(255,255,255,.98);
		border:0;
		border-top:1px solid #dce7ed;
		border-radius:0;
		box-shadow:0 -9px 28px rgba(7,41,64,.09);
		clip-path:none;
		-webkit-backdrop-filter:blur(16px);
		backdrop-filter:blur(16px);
		isolation:isolate;
	}
	.public-app-navigation-curve,
	.public-app-navigation-halo{display:none!important;opacity:0!important;}
	.public-app-nav-item{
		position:relative;
		z-index:1;
		display:flex;
		min-width:0;
		min-height:58px;
		align-items:center;
		justify-content:center;
		align-content:normal;
		justify-items:normal;
		flex-direction:column;
		gap:3px;
		padding:5px 2px 4px;
		color:#7d909d;
		background:transparent;
		border:1px solid transparent;
		border-radius:13px;
		cursor:pointer;
		font:inherit;
		text-decoration:none;
		-webkit-tap-highlight-color:transparent;
		transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s cubic-bezier(.22,1,.36,1);
	}
	.public-app-nav-item:hover{color:#194966;background:#f3f7f9;}
	.public-app-nav-item:focus-visible{outline:2px solid rgba(47,157,224,.58);outline-offset:-2px;}
	.public-app-nav-icon,
	.public-app-nav-item:not(.is-active) .public-app-nav-icon,
	.public-app-nav-item.is-active .public-app-nav-icon{
		position:static;
		top:auto;
		display:grid;
		width:25px;
		height:25px;
		flex:0 0 25px;
		place-items:center;
		color:currentColor;
		background:transparent;
		border:0;
		border-radius:0;
		box-shadow:none;
		transform:none;
		transition:color .16s ease,transform .16s cubic-bezier(.22,1,.36,1);
	}
	.public-app-nav-icon svg,
	.public-app-nav-item:not(.is-active) .public-app-nav-icon svg,
	.public-app-nav-item.is-active .public-app-nav-icon svg{
		width:22px;
		height:22px;
		overflow:visible;
		fill:none;
		stroke:currentColor;
		stroke-width:1.65;
		stroke-linecap:round;
		stroke-linejoin:round;
	}
	.public-app-nav-item::before{display:none;content:none;}
	.public-app-nav-label{
		position:static!important;
		display:block!important;
		width:auto!important;
		max-width:100%;
		height:auto!important;
		padding:0!important;
		margin:0!important;
		overflow:hidden!important;
		clip:auto!important;
		font-size:9px;
		font-weight:700;
		line-height:1.25;
		text-align:center;
		text-overflow:ellipsis;
		white-space:nowrap!important;
		border:0!important;
	}
	.public-app-nav-item.is-active,
	.public-app-nav-item.is-active[aria-current="page"]{
		z-index:2;
		color:#fff;
		background:#0b4466;
		border-color:#0b4466;
		box-shadow:0 5px 14px rgba(8,59,91,.18);
	}
	.public-app-nav-item.is-active::after{
		position:absolute;
		left:50%;
		inset-block-start:4px;
		width:20px;
		height:3px;
		content:"";
		background:#f5a313;
		border-radius:999px;
		transform:translateX(-50%);
		opacity:1;
	}
	.public-app-nav-item.is-active .public-app-nav-icon svg{stroke-width:1.8;}
	.public-app-navigation.is-ready .public-app-nav-item.is-active .public-app-nav-icon{top:auto;transform:none;box-shadow:none;}
	.public-app-navigation.is-switching .public-app-nav-item{pointer-events:none;}
	.public-app-nav-item:active{transform:scale(.96);}
	.public-app-nav-item.is-active:active .public-app-nav-icon{transform:scale(.94);}
}
@media (max-width:340px){
	.public-app-navigation{gap:2px;padding-inline:5px;}
	.public-app-nav-label{font-size:8.2px;}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
	.public-app-nav-item,
	.public-app-nav-icon{transition:none!important;}
}