/**
 * HFH Header styles — styles the Astra header to match the design.
 */

/* Menu items - lowercase, proper spacing */
.main-header-menu .menu-item > a {
	text-transform: lowercase !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	padding: 10px 20px !important;
}

/* Hide Astra's arrow SVG but keep the toggle span clickable for mobile */
.main-header-menu .ast-header-navigation-arrow svg,
.ast-mobile-popup-drawer .ast-header-navigation-arrow svg,
.ast-mobile-header-content .ast-header-navigation-arrow svg {
	display: none !important;
}
/* Desktop: hide the toggle span entirely (our ::after on <a> handles the arrow) */
@media (min-width: 922px) {
	.main-header-menu .ast-header-navigation-arrow {
		display: none !important;
	}
}
/* Mobile: show a simple ▾ arrow on the toggle span */
@media (max-width: 921px) {
	.main-header-menu .ast-header-navigation-arrow::after,
	.ast-mobile-popup-drawer .ast-header-navigation-arrow::after {
		content: "\25BE" !important;
		font-size: 0.75em !important;
		margin-left: 0.3em !important;
	}
}

/* Dropdown arrow for items with children */
.main-header-menu .menu-item-has-children > a::after {
	content: "\25BE" !important;
	font-size: 0.75em !important;
	margin-left: 0.3em !important;
	display: inline !important;
	border: none !important;
	border-width: 0 !important;
	border-style: none !important;
	border-color: transparent !important;
	position: static !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	background: none !important;
}

/* No arrow for home */
.main-header-menu .menu-item-home > a::after {
	content: none !important;
}

/* Dropdown submenu styling */
.main-header-menu .sub-menu {
	background: #fff !important;
	box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
	border-radius: 4px !important;
	padding: 8px 0 !important;
	min-width: 220px !important;
}

.main-header-menu .sub-menu .menu-item > a {
	padding: 6px 20px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #333 !important;
	text-transform: lowercase !important;
}

.main-header-menu .sub-menu .menu-item > a:hover {
	background: #f0f0f0 !important;
}

/* Donate button heart icon */
#masthead .ast-header-button-1 .ast-custom-button {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5em;
}

#masthead .ast-header-button-1 .ast-custom-button::before {
	content: "\2665" !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	background: none !important;
	animation: none !important;
	font-size: 1em;
}