/**
 * WordMaster Pro — global navigation styles.
 *
 * Loaded on every front-end request so the mobile menu renders identically on
 * theme pages, shortcode pages and plugin virtual routes.
 */

/* Twenty Twenty-Three — universal mobile navigation floating card overlay */
@media (max-width: 781px) {
	body .wp-block-navigation__responsive-container.is-menu-open,
	html body .wp-block-navigation__responsive-container.is-menu-open,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open,
	.page .wp-block-navigation__responsive-container.is-menu-open,
	.wp-singular .wp-block-navigation__responsive-container.is-menu-open,
	.single-page .wp-block-navigation__responsive-container.is-menu-open,
	.home .wp-block-navigation__responsive-container.is-menu-open,
	.wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important;
		display: flex !important;
		flex-direction: column !important;
		inset: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: 85vh !important;
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		right: 16px !important;
		left: auto !important;
		top: 70px !important;
		bottom: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 12px !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		z-index: 100000 !important;
		transform: none !important;
	}

	body footer .wp-block-navigation__responsive-container.is-menu-open,
	html body footer .wp-block-navigation__responsive-container.is-menu-open,
	.page-template-default footer .wp-block-navigation__responsive-container.is-menu-open,
	.page footer .wp-block-navigation__responsive-container.is-menu-open,
	.wp-singular footer .wp-block-navigation__responsive-container.is-menu-open,
	.single-page footer .wp-block-navigation__responsive-container.is-menu-open,
	body .site-footer .wp-block-navigation__responsive-container.is-menu-open,
	html body .site-footer .wp-block-navigation__responsive-container.is-menu-open,
	.page-template-default .site-footer .wp-block-navigation__responsive-container.is-menu-open,
	body .wm-app-shell-footer .wp-block-navigation__responsive-container.is-menu-open,
	html body .wm-app-shell-footer .wp-block-navigation__responsive-container.is-menu-open,
	.page-template-default .wm-app-shell-footer .wp-block-navigation__responsive-container.is-menu-open {
		top: auto !important;
		bottom: 70px !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-singular .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.single-page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.home .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-site-blocks .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(85vh - 56px) !important;
		margin: 0 !important;
		padding: 12px 16px 16px !important;
		border: 0 !important;
		border-radius: 0 0 12px 12px !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		box-sizing: border-box !important;
		-webkit-overflow-scrolling: touch;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close,
	.wp-singular .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
	.wp-singular .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 12px 12px 4px 16px !important;
		border: 0 !important;
		border-radius: 12px 12px 0 0 !important;
		background: #ffffff !important;
		background-color: #ffffff !important;
		color: #0f172a !important;
		box-sizing: border-box !important;
		cursor: pointer !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close svg,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close svg,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog-close svg {
		width: 24px !important;
		height: 24px !important;
		fill: currentColor !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
	body .wp-block-navigation__responsive-container.is-menu-open ul,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
	html body .wp-block-navigation__responsive-container.is-menu-open ul,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open ul,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
	.page .wp-block-navigation__responsive-container.is-menu-open ul {
		display: flex !important;
		flex-direction: column !important;
		gap: 4px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
		width: 100% !important;
		margin: 0 !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
	.page .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link {
		display: block !important;
		width: 100% !important;
		padding: 12px 14px !important;
		border-radius: 8px !important;
		color: #334155 !important;
		font-size: 1rem !important;
		font-weight: 600 !important;
		line-height: 1.45 !important;
		text-decoration: none !important;
		white-space: normal !important;
		word-break: break-word !important;
		overflow-wrap: anywhere !important;
		box-sizing: border-box !important;
		transition: color 0.2s ease, background-color 0.2s ease !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:focus,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:hover,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:focus,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:focus,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:hover,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:focus,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:focus,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:hover,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:focus {
		color: #0f172a !important;
		background: #f1f5f9 !important;
		outline: none !important;
	}

	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:active,
	body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:active,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:active,
	html body .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:active,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:active,
	.page-template-default .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link:active {
		color: #4f46e5 !important;
		background: #eef2ff !important;
	}
}

/* ==========================================================================
   App-shell navigation — same TT3 floating-card markup/behavior as homepage
   ========================================================================== */

body.wordmaster-pro-seo .wm-app-shell-navigation,
body.wordmaster-pro-seo .wm-app-shell-footer-navigation {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

body.wordmaster-pro-seo .wp-block-navigation__responsive-container-open,
body.wordmaster-pro-seo .wp-block-navigation__responsive-container-close {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0f172a;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	touch-action: manipulation;
}

body.wordmaster-pro-seo .wp-block-navigation__responsive-container-open svg,
body.wordmaster-pro-seo .wp-block-navigation__responsive-container-close svg {
	display: block;
	width: 24px;
	height: 24px;
	fill: currentColor;
	pointer-events: none;
}

body.wordmaster-pro-seo .wp-block-navigation__responsive-container:not(.is-menu-open) {
	display: none;
}

body.wordmaster-pro-seo .wp-block-navigation__container {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

body.wordmaster-pro-seo .wp-block-navigation-item {
	display: block;
	width: 100%;
	margin: 0;
}

html.has-modal-open body.wordmaster-pro-seo {
	overflow: hidden;
}

@media (min-width: 600px) {
	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation__responsive-container-open:not(.always-shown),
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation__responsive-container:not(.is-menu-open),
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block;
		position: relative;
		inset: auto;
		width: auto;
		height: auto;
		max-height: none;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		overflow: visible;
		z-index: auto;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation__responsive-container-close,
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation__responsive-container-close {
		display: none;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation__responsive-container-content,
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation__responsive-container-content {
		padding: 0;
		max-height: none;
		overflow: visible;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation__container,
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation__container {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: 8px 16px;
		width: auto;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation-item,
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation-item {
		width: auto;
	}

	body.wordmaster-pro-seo .wm-app-shell-navigation .wp-block-navigation-item__content,
	body.wordmaster-pro-seo .wm-app-shell-footer-navigation .wp-block-navigation-item__content {
		display: inline-block;
		padding: 4px 0;
		color: #4f46e5 !important;
		font-size: 0.875rem;
		font-weight: 600;
		text-decoration: none;
	}
}