/* Keep the longer trade CTA contained by giving it the remaining phone width. */
@media only screen and (max-width: 767px) {
	body .elementor-location-header.elementor-7030 #cie-mobile-menu-drawer .cie-mobile-menu__actions.elementor-element {
		grid-template-columns: minmax(80px, 3fr) minmax(0, 7fr) !important;
	}

	body .elementor-location-header.elementor-7030 #cie-mobile-menu-drawer .cie-mobile-menu__pill .elementor-button {
		padding-inline: clamp(6px, 1.794872vw, 8px) !important;
	}

	body .elementor-location-header.elementor-7030 #cie-mobile-menu-drawer .cie-mobile-menu__cta.elementor-element,
	body .elementor-location-header.elementor-7030 #cie-mobile-menu-drawer .cie-mobile-menu__cta .elementor-button {
		width: 100% !important;
		min-width: 0 !important;
	}
}

/* At the narrow guest-tablet edge, introduce that margin only as room becomes available. */
@media only screen and (min-width: 641px) and (max-width: 767px) {
	body:not(.logged-in) .elementor-location-header.elementor-7030 .cie-header-logo.elementor-element {
		margin-right: clamp(0px, calc(11.811024vw - 75.708661px), 15px) !important;
	}
}

/* Let the tablet search consume the flexible space before the fixed action rail. */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
	body .elementor-location-header.elementor-7030 .cie-header-logo.elementor-element {
		margin-right: clamp(15px, 1.953125vw, 20px) !important;
	}

	body .elementor-location-header.elementor-7030 .cie-header-search.elementor-element {
		flex: 1 1 auto !important;
		max-width: none !important;
	}
}
