/**
 * Astra mobile off-canvas: app-style sidebar with theme color.
 */
@media (max-width: 920.98px) {
	:root {
		--sarvagyata-sidebar-accent: #6237c8;
		--sarvagyata-sidebar-surface: #ffffff;
		--sarvagyata-sidebar-text: #24262b;
		--sarvagyata-sidebar-muted: #84889a;
	}

	#ast-mobile-popup-wrapper .ast-mobile-popup-overlay {
		background: rgba(18, 16, 30, 0.45);
		backdrop-filter: blur(1.5px);
	}

	#ast-mobile-popup.ast-mobile-popup-drawer {
		width: min(84vw, 350px);
		max-width: 350px;
	}

	#ast-mobile-popup.ast-mobile-popup-drawer .ast-mobile-popup-inner {
		background: var(--sarvagyata-sidebar-surface);
		border-radius: 0 0 20px 0;
		overflow: hidden;
		box-shadow: 0 18px 40px rgba(20, 19, 29, 0.28);
	}

	#ast-mobile-popup .ast-mobile-popup-header {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		flex-wrap: nowrap;
		width: 100%;
		min-height: 86px;
		padding: 16px 14px;
		background: linear-gradient(135deg, #6237c8 0%, #7c54da 100%);
		box-sizing: border-box;
	}

	#ast-mobile-popup .ast-mobile-popup-header .sarvagyata-drawer-logo {
		flex: 1;
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	#ast-mobile-popup .ast-mobile-popup-header .sarvagyata-drawer-logo a {
		display: inline-flex;
		align-items: center;
		max-width: 100%;
		text-decoration: none;
		line-height: 1;
	}

	#ast-mobile-popup .ast-mobile-popup-header .sarvagyata-drawer-logo img {
		max-height: 52px;
		width: auto;
		height: auto;
		display: block;
		object-fit: contain;
	}

	#ast-mobile-popup .ast-mobile-popup-header .sarvagyata-drawer-logo .sarvagyata-drawer-site-title {
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.2;
		color: #ffffff;
	}

	#ast-mobile-popup .ast-mobile-popup-header .menu-toggle-close {
		flex-shrink: 0;
		width: 38px;
		height: 38px;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.14);
		color: #ffffff;
		border: 1px solid rgba(255, 255, 255, 0.28);
	}

	#ast-mobile-popup .ast-mobile-popup-header .menu-toggle-close .ast-svg-iconset svg {
		fill: currentColor;
	}

	#ast-mobile-popup .ast-mobile-popup-content {
		padding: 8px 0 16px;
	}

	#ast-mobile-popup .main-header-menu,
	#ast-mobile-popup .main-header-bar-navigation {
		background: transparent;
	}

	#ast-mobile-popup .main-header-menu > .menu-item > .menu-link {
		display: flex;
		align-items: center;
		min-height: 46px;
		padding: 10px 22px;
		color: var(--sarvagyata-sidebar-text);
		font-weight: 500;
		border-left: 3px solid transparent;
		transition: all 0.2s ease;
	}

	#ast-mobile-popup .main-header-menu > .menu-item > .menu-link:hover,
	#ast-mobile-popup .main-header-menu > .menu-item.current-menu-item > .menu-link,
	#ast-mobile-popup .main-header-menu > .menu-item.current-menu-ancestor > .menu-link {
		color: var(--sarvagyata-sidebar-accent);
		background: rgba(98, 55, 200, 0.08);
		border-left-color: var(--sarvagyata-sidebar-accent);
	}

	#ast-mobile-popup .ast-mobile-popup-content .sub-menu .menu-link {
		padding-left: 36px;
		color: #4b4f61;
		font-size: 0.95rem;
	}

	#ast-mobile-popup .ast-mobile-popup-content .menu-item-has-children > .ast-menu-toggle {
		color: var(--sarvagyata-sidebar-muted);
	}

	#ast-mobile-popup .main-header-menu > .menu-item + .menu-item {
		border-top: 1px solid rgba(17, 20, 33, 0.06);
	}

	#ast-mobile-popup .sarvagyata-drawer-auth-wrap {
		padding: 14px 20px 18px;
		border-top: 1px solid rgba(17, 20, 33, 0.08);
	}

	#ast-mobile-popup .sarvagyata-drawer-auth-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 44px;
		padding: 10px 14px;
		border-radius: 10px;
		background: linear-gradient(135deg, #6237c8 0%, #7c54da 100%);
		color: #ffffff !important;
		font-weight: 600;
		font-size: 0.95rem;
		text-decoration: none !important;
		box-shadow: 0 8px 18px rgba(98, 55, 200, 0.24);
	}

	#ast-mobile-popup .sarvagyata-drawer-auth-btn:hover {
		opacity: 0.95;
		color: #ffffff !important;
	}
}