/**
 * FunGuy.me header + menu
 * v1.5.9 – mobile off-canvas (unchanged from 1.5.8) / submenu: cream bg, charcoal links, terracotta hover
 * (beats Astra Customizer .ast-builder-menu-mobile white/gold)
 */

html body #masthead,
html body .site-header,
html body #ast-desktop-header,
html body .ast-above-header-wrap,
html body .ast-above-header-bar,
html body .ast-above-header,
html body .ast-primary-header-bar,
html body .main-header-bar,
html body .ast-main-header-wrap,
html body .site-above-header-wrap,
html body .ast-mobile-header-wrap,
html body .ast-mobile-header-bar {
	background-color: #1C1917 !important;
	background-image: none !important;
}

html body .ast-above-header-bar,
html body .ast-primary-header-bar {
	border-bottom: none !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
}

/* TOP LEVEL only */
html body .main-header-menu > .menu-item > .menu-link,
html body #ast-hf-menu-1 > .menu-item > .menu-link,
html body .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
	color: #F5F0E8 !important;
	opacity: 1 !important;
}

html body .main-header-menu > .menu-item:hover > .menu-link,
html body .main-header-menu > .menu-item.focus > .menu-link,
html body .main-header-menu > .menu-item.current-menu-item > .menu-link,
html body .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
html body #ast-hf-menu-1 > .menu-item.current-menu-item > .menu-link {
	color: #C2410C !important;
}

html body .main-header-menu > .menu-item > .ast-menu-toggle,
html body .main-header-menu > .menu-item > .dropdown-menu-toggle {
	color: #F5F0E8 !important;
}

/* DROPDOWN all levels (desktop) */
html body .main-header-menu .sub-menu,
html body .ast-builder-menu .sub-menu,
html body .ast-builder-menu-1 .sub-menu,
html body #ast-hf-menu-1 .sub-menu,
html body .astra-full-megamenu-wrapper {
	background-color: #FFFEF9 !important;
	background-image: none !important;
	border: 1px solid #D6D3D1 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html body .main-header-menu .sub-menu .menu-item > .menu-link,
html body .ast-builder-menu .sub-menu .menu-item > .menu-link,
html body .ast-builder-menu-1 .sub-menu .menu-item > .menu-link,
html body #ast-hf-menu-1 .sub-menu .menu-link,
html body .sub-menu .sub-menu .menu-item > .menu-link {
	color: #1C1917 !important;
	background-color: transparent !important;
	opacity: 1 !important;
}

html body .main-header-menu .sub-menu .menu-item:hover > .menu-link,
html body .main-header-menu .sub-menu .menu-item.focus > .menu-link,
html body .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link,
html body .ast-builder-menu .sub-menu .menu-item:hover > .menu-link,
html body .ast-builder-menu-1 .sub-menu .menu-item:hover > .menu-link,
html body #ast-hf-menu-1 .sub-menu .menu-item:hover > .menu-link,
html body .sub-menu .sub-menu .menu-item:hover > .menu-link {
	color: #C2410C !important;
	background-color: #F5EDE6 !important;
}

html body .sub-menu .ast-menu-toggle,
html body .sub-menu .dropdown-menu-toggle {
	color: #1C1917 !important;
}

html body .sub-menu .menu-item:hover > .ast-menu-toggle,
html body .sub-menu .menu-item:hover > .dropdown-menu-toggle {
	color: #C2410C !important;
}

html body .ast-header-woo-cart .ast-addon-cart-wrap,
html body .ast-header-woo-cart .ast-addon-cart-wrap *,
html body .ast-header-search .astra-search-icon,
html body .ast-header-social-wrap .ast-builder-social-element,
html body .ast-header-social-wrap svg,
html body .ast-header-social-wrap .ahfb-svg-icon-element {
	color: #F5F0E8 !important;
	fill: #F5F0E8 !important;
}

html body .ast-header-woo-cart .count,
html body .ast-header-woo-cart .ast-count-text {
	background-color: #C2410C !important;
	color: #fff !important;
}

html body .ast-header-woo-cart:hover .ast-addon-cart-wrap,
html body .ast-header-search:hover .astra-search-icon,
html body .ast-header-social-wrap .ast-builder-social-element:hover,
html body .ast-header-social-wrap .ast-builder-social-element:hover svg {
	color: #C2410C !important;
	fill: #C2410C !important;
}

html body .ast-mobile-menu-buttons button,
html body .menu-toggle,
html body [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal,
html body [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	color: #F5F0E8 !important;
	border-color: #F5F0E8 !important;
	fill: #F5F0E8 !important;
}

/* ---- Mobile off-canvas / popup shell (dark) ---- */
html body .ast-mobile-popup-drawer .ast-mobile-popup-inner,
html body .ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
html body .ast-mobile-popup-inner,
html body .ast-mobile-popup-content,
html body .ast-mobile-header-wrap .ast-mobile-header-content,
html body .ast-desktop-header-content {
	background-color: #1C1917 !important;
	background-image: none !important;
}

/* Mobile top-level: cream on charcoal */
html body .ast-mobile-popup-inner .main-header-menu > .menu-item > .menu-link,
html body .ast-mobile-popup-content .main-header-menu > .menu-item > .menu-link,
html body .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link,
html body #ast-hf-mobile-menu > .menu-item > .menu-link {
	color: #F5F0E8 !important;
	background-color: transparent !important;
	opacity: 1 !important;
}

html body .ast-mobile-popup-inner .main-header-menu > .menu-item > .ast-menu-toggle,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .ast-menu-toggle,
html body #ast-hf-mobile-menu > .menu-item > .ast-menu-toggle {
	color: #F5F0E8 !important;
}

html body .ast-mobile-popup-inner .main-header-menu > .menu-item:hover > .menu-link,
html body .ast-mobile-popup-inner .main-header-menu > .menu-item.current-menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
html body #ast-hf-mobile-menu > .menu-item:hover > .menu-link,
html body #ast-hf-mobile-menu > .menu-item.current-menu-item > .menu-link {
	color: #C2410C !important;
	background-color: transparent !important;
}

/* Mobile submenu: cream bg + charcoal text + terracotta hover
   Spec: #FFFEF9 / #1C1917 / #C2410C — override Customizer white + gold */
html body .ast-mobile-popup-inner .sub-menu,
html body .ast-mobile-popup-content .sub-menu,
html body .ast-mobile-header-content .sub-menu,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu,
html body .ast-builder-menu-mobile .main-navigation .sub-menu,
html body #ast-hf-mobile-menu .sub-menu,
html body .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
	background-color: #FFFEF9 !important;
	background-image: none !important;
	border: 1px solid #D6D3D1 !important;
	box-shadow: none !important;
}

html body .ast-mobile-popup-inner .sub-menu .menu-item > .menu-link,
html body .ast-mobile-popup-content .sub-menu .menu-item > .menu-link,
html body .ast-mobile-header-content .sub-menu .menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-link,
html body #ast-hf-mobile-menu .sub-menu .menu-item > .menu-link,
html body #ast-hf-mobile-menu .sub-menu .menu-link {
	color: #1C1917 !important;
	background-color: transparent !important;
	opacity: 1 !important;
}

html body .ast-mobile-popup-inner .sub-menu .menu-item:hover > .menu-link,
html body .ast-mobile-popup-inner .sub-menu .menu-item.focus > .menu-link,
html body .ast-mobile-popup-inner .sub-menu .menu-item.current-menu-item > .menu-link,
html body .ast-mobile-popup-content .sub-menu .menu-item:hover > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item:hover > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item.focus > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item.current-menu-item > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .menu-link:hover,
html body #ast-hf-mobile-menu .sub-menu .menu-item:hover > .menu-link,
html body #ast-hf-mobile-menu .sub-menu .menu-item.current-menu-item > .menu-link {
	color: #C2410C !important;
	background-color: #F5EDE6 !important;
}

/* Only submenu links get terracotta hover bg — undo Customizer gold hover on whole mobile menu */
html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link,
html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item.current-menu-item > .menu-link {
	background-color: transparent !important;
}

html body .ast-mobile-popup-inner .sub-menu .ast-menu-toggle,
html body .ast-mobile-popup-inner .sub-menu .dropdown-menu-toggle,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .ast-menu-toggle,
html body #ast-hf-mobile-menu .sub-menu .ast-menu-toggle {
	color: #1C1917 !important;
}

html body .ast-mobile-popup-inner .sub-menu .menu-item:hover > .ast-menu-toggle,
html body .ast-builder-menu-mobile .main-navigation .sub-menu .menu-item:hover > .ast-menu-toggle,
html body #ast-hf-mobile-menu .sub-menu .menu-item:hover > .ast-menu-toggle {
	color: #C2410C !important;
}

/* Customizer also paints .menu-link bg white on mobile — keep shell dark, submenu cream only */
@media (max-width: 921px) {
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu,
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link {
		background-color: transparent !important;
	}
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu,
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-link {
		background-color: #FFFEF9 !important;
	}
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item:hover > .menu-link,
	html body .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-item.current-menu-item > .menu-link {
		background-color: #F5EDE6 !important;
		color: #C2410C !important;
	}
}