/*
 * Professional mobile experience settings.
 */

@media (min-width: 769px){
	.nsv-mobile-bottom-nav{
		display:none!important;
	}
}

@media (max-width: 768px){
	html body{
		padding-bottom:calc(var(--nsv-mobile-bottom-height,68px) + env(safe-area-inset-bottom,0px));
	}

	html body .site-header{
		z-index:1000;
	}

	html body .nsv-offcanvas{
		width:min(88vw,380px);
		border-radius:24px 0 0 24px;
		box-shadow:-24px 0 70px rgba(15,23,42,.28);
	}

	html body .nsv-offcanvas-header{
		min-height:72px;
		padding:18px 22px;
		border-bottom:1px solid rgba(15,23,42,.08);
	}

	html body .nsv-offcanvas-content .menu{
		display:grid;
		gap:8px;
		padding:16px;
	}

	html body .nsv-offcanvas-content .menu a{
		display:flex;
		align-items:center;
		min-height:48px;
		padding:12px 14px;
		border-radius:16px;
		background:#f8fafc;
		color:#0f172a;
		font-weight:800;
		text-decoration:none;
	}

	html body .nsv-offcanvas-content .menu a:hover{
		background:rgba(15,118,110,.10);
		color:var(--nsv-mobile-primary,#0f766e);
	}

	html body .nsv-mobile-bottom-nav{
		position:fixed;
		right:12px;
		left:12px;
		bottom:calc(10px + env(safe-area-inset-bottom,0px));
		z-index:1200;
		display:grid;
		grid-template-columns:repeat(4,1fr);
		align-items:center;
		min-height:var(--nsv-mobile-bottom-height,68px);
		padding:8px;
		border-radius:24px;
		direction:rtl;
	}

	html body .nsv-mobile-bottom-glass{
		background:rgba(255,255,255,.86);
		backdrop-filter:blur(18px);
		border:1px solid rgba(15,23,42,.10);
		box-shadow:0 18px 50px rgba(15,23,42,.18);
	}

	html body .nsv-mobile-bottom-solid{
		background:#ffffff;
		border:1px solid rgba(15,23,42,.10);
		box-shadow:0 12px 34px rgba(15,23,42,.14);
	}

	html body .nsv-mobile-bottom-minimal{
		background:rgba(248,250,252,.96);
		border:1px solid rgba(15,23,42,.06);
		box-shadow:0 8px 22px rgba(15,23,42,.10);
	}

	html body .nsv-mobile-bottom-nav a{
		position:relative;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:3px;
		min-height:52px;
		border-radius:18px;
		color:#64748b!important;
		text-decoration:none!important;
		font-size:11px;
		font-weight:900;
		line-height:1.2;
		transition:background .18s ease,color .18s ease,transform .18s ease;
	}

	html body .nsv-mobile-bottom-nav a span{
		display:flex;
		align-items:center;
		justify-content:center;
		font-size:20px;
		line-height:1;
	}

	html body .nsv-mobile-bottom-nav a.is-active,
	html body .nsv-mobile-bottom-nav a:hover{
		background:rgba(15,118,110,.10);
		color:var(--nsv-mobile-primary,#0f766e)!important;
	}

	html body .nsv-mobile-bottom-nav a:active{
		transform:scale(.96);
	}

	html body .nsv-mobile-bottom-nav a.is-active::after{
		content:"";
		position:absolute;
		bottom:5px;
		width:5px;
		height:5px;
		border-radius:999px;
		background:var(--nsv-mobile-primary,#0f766e);
	}

	html body .cards-grid,
	html body .feature-grid,
	html body .services-grid{
		grid-template-columns:1fr!important;
	}

	html body .nsv-mobile-slider-enabled .cards-grid{
		display:flex!important;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		scroll-behavior:smooth;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		gap:0!important;
	}

	html body .nsv-mobile-slider-enabled .cards-grid::-webkit-scrollbar{
		display:none;
	}

	html body .nsv-mobile-slider-enabled .cards-grid > *{
		flex:0 0 100%;
		scroll-snap-align:center;
	}

	html body .wp-block-image img,
	html body .entry-content img{
		max-width:100%;
		height:auto;
	}

	html body .container,
	html body .nsv-container{
		width:min(100% - 28px,1120px);
	}

	html body input,
	html body select,
	html body textarea{
		font-size:16px!important;
	}
}

@media (max-width: 390px){
	html body .nsv-mobile-bottom-nav a{
		font-size:10px;
	}
	html body .nsv-mobile-bottom-nav a span{
		font-size:18px;
	}
}