/* Allow header columns to share the available width and gaps. */
#masthead .elementor .e-con.e-child {
    min-width: 0;
    flex-shrink: 1;
}

/* HFE assigns a viewport-based dropdown width inside a narrower header column. */
@media (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .elementor-widget-container,
    .hfe-nav-menu__breakpoint-mobile .elementor-widget-container,
    .elementor-widget-navigation-menu .elementor-widget-container,
    .elementor-widget-navigation-menu .hfe-nav-menu {
        min-width: 0;
        max-width: 100%;
    }
    .hfe-nav-menu nav.hfe-dropdown {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
    }
    .hfe-nav-menu nav.hfe-dropdown .hfe-menu-item,
    .hfe-nav-menu nav.hfe-dropdown .hfe-sub-menu-item {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}