/**
 * Header styles for Gutenberg site header on ai-* pages.
 * Card #501: Restore front-end styling for .mdb-header__wave and submenu.
 */

:where(.mdb-header__wave) {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	box-sizing: content-box !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	padding: 0 0 max(20px, calc(100vw * 8 / 750)) 0 !important;
	margin: 0 0 min(-20px, calc(-100vw * 8 / 750)) 0 !important;
	background-color: #ffffff !important;
	-webkit-mask-image: url('../../images/svg/shape_menu_1.svg') !important;
	-webkit-mask-position: bottom !important;
	-webkit-mask-size: cover !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-image: url('../../images/svg/shape_menu_1.svg') !important;
	mask-position: bottom !important;
	mask-size: cover !important;
	mask-repeat: no-repeat !important;
	pointer-events: none !important;
	z-index: -1 !important;
}

/* Hide navigation submenu dropdowns by default at rest so they do not leak or peek */
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation__submenu-container:not(.is-open) {
	display: none !important;
}

:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-container,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation-item.mishadort-open > .wp-block-navigation__submenu-container,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation-submenu.mishadort-open > .wp-block-navigation__submenu-container,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation__submenu-container:hover,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation__submenu-container li:hover > .wp-block-navigation__submenu-container,
:where(.mishadort-site-header, .desktop-menu-wrapper) .wp-block-navigation__submenu-container.is-open {
	display: block !important;
}

/* Navigation item typography and styling (Cards #501, #509) */
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item__content,
:where(.mishadort-site-header, .desktop-menu-wrapper) .mishadort-nav-menu .wp-block-navigation-item__content {
	font-family: 'Merienda One', cursive !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 36px !important;
	color: #4b4342 !important;
	padding: 20px 15px !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}

:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item__content:hover,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
:where(.mishadort-site-header, .desktop-menu-wrapper) .mishadort-nav-menu .wp-block-navigation-item__content:hover {
	color: #5fcac7 !important;
}

/* Card #526: Suppress pseudo-element marker dot strictly on submenu items */
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation__submenu-container .wp-block-navigation-item::after,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .wp-block-navigation__submenu-container .wp-block-navigation-item:after,
:where(.mishadort-site-header, .desktop-menu-wrapper) .main_menu .sub-menu .menu-item:after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
}

/* Mobile header container flex layout (Cards #516, #522) */
#mobile_header > .mdb-container {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	width: calc(100% - 40px) !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

#mobile_menu_wrapper > .mdb-container {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 10px 20px 15px 20px !important;
	box-sizing: border-box !important;
}

#mobile_menu_wrapper .mdb-mobile-menu__inner {
	width: 100% !important;
	display: block !important;
}

#mobile_header .header_logo {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	flex: 0 0 auto !important;
}

#mobile_header .header_logo img,
#mobile_header .header_logo_img {
	max-height: 44px !important;
	width: auto !important;
	object-fit: contain !important;
	display: block !important;
}

#mobile_header .header_wrap_menu {
	display: flex !important;
	align-items: center !important;
}

/* Mobile header search overlay (Card #517) */
#mobile_header .menu_search_wrap {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 100000 !important;
	background: rgba(35, 35, 35, 0.96) !important;
}

#mobile_header .menu_search_wrap .container {
	max-width: 1170px;
	width: calc(100% - 60px);
	display: block;
	top: 50%;
	transform: translateY(-50%) scale3d(0.8, 0.8, 0.8);
	transition: transform 0.3s ease;
	height: auto;
	position: relative;
	margin: auto;
	z-index: 1;
}

#mobile_header .menu_search_wrap.is-open .container,
#mobile_header.search-on .menu_search_wrap .container {
	transform: translateY(-50%) scale3d(1, 1, 1);
}

#mobile_header .menu_search_wrap .screen-reader-text,
#mobile_header .menu_search_wrap .search-submit {
	display: none;
}

#mobile_header .menu_search_wrap .search-field {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #e0e6ea;
	border-radius: 0;
	color: #e0e6ea;
	font-size: 18px;
	padding-left: 0;
	padding-right: 0;
	outline: none;
}

/* Mobile menu submenu styling & pink bullet (Cards #519, #521) */
#mobile_menu .wp-block-navigation__submenu-container,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	text-align: left !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
	border-bottom: 1px solid #f7f7f7 !important;
	padding: 6px 0 !important;
	position: relative !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-family: 'Comfortaa', cursive, sans-serif !important;
	font-size: 15px !important;
	color: #666666 !important;
	line-height: 26px !important;
	padding: 0 0 0 16px !important;
	display: inline-block !important;
	position: relative !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:before {
	content: '' !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	margin-top: -2px !important;
	width: 4px !important;
	height: 4px !important;
	border-radius: 50% !important;
	background-color: #ff91a4 !important;
	background: #ff91a4 !important;
	display: none !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:before,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content:before,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content:before,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current_page_ancestor > .wp-block-navigation-item__content:before,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content:before {
	display: block !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:after,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item:after {
	content: none !important;
	display: none !important;
}

#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
#mobile_menu .wp-block-navigation__submenu-container .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content {
	color: #5fcac7 !important;
}

/* Editor canvas fallback for site-logo when no custom logo is uploaded (Card #524) */
.editor-styles-wrapper .header_logo.a_center .wp-block-site-logo:not(:has(img:not([src=""]))) {
	background-image: url('../../images/theme/logo.png') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 185px !important;
	height: 185px !important;
	margin: 0 auto !important;
	display: block !important;
}

.editor-styles-wrapper .header_logo.sticky_logo .wp-block-site-logo:not(:has(img:not([src=""]))) {
	background-image: url('../../images/theme/logo-plain_00af00320.png') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 133px !important;
	height: 32px !important;
	margin: 0 auto !important;
	display: block !important;
}

.editor-styles-wrapper .header_logo .wp-block-site-logo:not(:has(img:not([src=""]))) .components-placeholder,
.editor-styles-wrapper .header_logo .wp-block-site-logo:not(:has(img:not([src=""]))) svg,
.editor-styles-wrapper .header_logo .wp-block-site-logo:not(:has(img:not([src=""]))) .block-editor-media-placeholder {
	opacity: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}