/*
 * Line up the icons guide-menu-icons.php adds to the "Guide" dropdown items
 * in a fixed-width column, matching the spacing pattern already used for
 * the mobile menu's icons (see mobile-menu-icons/css/mobile-menu-icons.css).
 * Applies to both the desktop dropdown (.sub-menu, from the mega-menu
 * walker) and the mobile off-canvas menu (.mobile-navigation-list), since
 * guide-menu-icons.php's filter fires for both.
 */
.sub-menu a i.fas,
.mobile-navigation-list a i.fas {
	display: inline-block;
	width: 20px;
	margin-right: 8px;
	text-align: center;
}

/*
 * The parent theme fixes every desktop dropdown item to a flat 195px
 * (#navigation ul ul li in style.css), sized for icon-less labels -- not
 * quite enough room for the icon column above plus the longest Guide
 * label, "Tree identification", to stay on one line. Rather than
 * hard-coding a wider pixel guess for the Guide dropdown specifically,
 * let every desktop dropdown size itself to its own widest item: the <ul>
 * shrink-wraps its content (width: max-content) and each <li> fills that,
 * so the box is exactly as wide as the longest label+icon needs -- for
 * Guide today, and automatically for any future dropdown/label change,
 * no further width tweaks needed. Mobile's off-canvas submenu isn't
 * affected: it sizes itself to 100% width (#mobile-nav .sub-menu in
 * style.css), not a fixed px value.
 */
#navigation ul ul {
	width: max-content;
}

#navigation ul ul li {
	width: 100%;
}


/*
 * The live header is Listeo's Header Builder (`listeo_header_builder_state`
 * = 'builder'), which doesn't use the walker above, so everything in this
 * file is a legacy-header fallback only. The Header Builder Guide
 * mega-menu's icons, titles and descriptions now come from the homepage
 * Guide Topics widget: see inc/guide-topics/guide-menu.php.
 */