/* Norwest companies grid: filter bar (v8, 2026-11-06: Partner before Region, column widths swapped with them). v7 (2026-11-04). v7: no empty grid hairline above the no-results message. v6: the 'no companies match' state restyled (Adam: "this is bad").
   v5 notes follow. v5: 1280-1439 search column wider (placeholder was cut).
   v1: the /team/ page's size + type (60px boxes, Poppins, no border, team chevron + search icon).
   v2: one row, no Clear button, section lined up with the nav.
   v3 (Adam 11-04: "that filter bar is so cramped - can we make it full bleed not in the container but just that one
   filter bar. and also make it the mobile layout even sooner"): the BAR runs the full screen width with the site's
   45px side margin (the logo grid stays lined up with the nav); below 1280px the Filter button + sheet take over
   (companies-v41 css/js). 1440px and up = the team page's exact type (16px, 600, 1.5px); 1280-1439 = 14px, 1px.
   Column widths in proportion to what each box has to show (measured), in box order: search, status, stage, sector,
   specialty, partner, region. */

/* whole section (bar + grid) lined up with the nav: logo left .. menu button right (1180px, 45px gutters) */
@media (min-width: 861px) {
	#nwco { margin-left: max(calc(50% - 50vw + 45px), calc(50% - 590px)); margin-right: max(calc(50% - 50vw + 45px), calc(50% - 590px)); }
	#nwco .nwco-grid { max-width: none; }
}

@media (min-width: 1367px), (min-width: 1280px) and (not (any-pointer: coarse)) {
	/* just the bar: full screen width, 45px margin each side */
	#nwco .nwco-toolbar { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 25px 45px; margin-bottom: 30px; }
	#nwco .nwco-toolbar__inner {
		max-width: none; display: grid; gap: 10px; align-items: stretch; overflow: visible;
		grid-template-columns: minmax(0, 206fr) minmax(0, 99fr) minmax(0, 169fr) minmax(0, 140fr) minmax(0, 150fr) minmax(0, 186fr) minmax(0, 169fr);
	}
	#nwco .nwco-toolbar .nwco-facets { display: contents; }
	#nwco .nwco-toolbar .nwco-search,
	#nwco .nwco-toolbar .nwco-facet { display: flex; align-items: stretch; height: 60px; min-width: 0; max-width: none; margin: 0; padding: 0; flex: none; }
	#nwco .nwco-toolbar .nwco-clear { display: none !important; }

	#nwco .nwco-toolbar .nwco-search__input,
	#nwco .nwco-toolbar .nwco-facet__select {
		box-sizing: border-box; width: 100%; height: 60px; min-height: 60px; max-height: 60px; margin: 0;
		border: 0; border-radius: 0; box-shadow: none; -webkit-appearance: none; appearance: none;
	}
	#nwco .nwco-toolbar .nwco-facet__select {
		padding: 0 26px 0 14px;
		font: 600 14px/60px 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		letter-spacing: 1px; text-transform: uppercase; color: #000;
		background-color: #fff;
		background-image: url('/wp-content/uploads/2023/06/down_sel.svg');
		background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; background-size: auto;
		text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;
	}
	#nwco .nwco-toolbar .nwco-facet__select[data-active] { color: #07485B; background-color: #fff; }
	#nwco .nwco-toolbar .nwco-facet__select:hover { color: #07485B; }
	#nwco .nwco-toolbar .nwco-facet__select:focus-visible,
	#nwco .nwco-toolbar .nwco-search__input:focus-visible { outline: 2px solid #07485B; outline-offset: 0; }
	#nwco .nwco-toolbar .nwco-facet__select option { font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #231F20; }

	#nwco .nwco-toolbar .nwco-search__input {
		padding: 0 44px 0 14px;
		font: 400 14px/24px 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		color: #000; background-color: #fff;
		background-image: url('/wp-content/uploads/2023/04/searchIcon.svg');
		background-repeat: no-repeat; background-size: 20px 20px; background-position: calc(100% - 14px) 50%;
	}
	#nwco .nwco-toolbar .nwco-search__input::placeholder {
		font: 400 14px/24px 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
		letter-spacing: normal; text-transform: none; color: #757575;
	}
}
/* 1440-1599: 15px; 1600 and up: the team page's exact type (16px, 600, 1.5px). Column shares re-sized per step. */
@media (min-width: 1440px) and (not (any-pointer: coarse)), (min-width: 1440px) and (min-width: 1367px) {
	#nwco .nwco-toolbar__inner { gap: 12px; grid-template-columns: minmax(0, 206fr) minmax(0, 108fr) minmax(0, 184fr) minmax(0, 152fr) minmax(0, 165fr) minmax(0, 217fr) minmax(0, 184fr); }
	#nwco .nwco-toolbar .nwco-facet__select { font-size: 15px; letter-spacing: 1.2px; padding: 0 28px 0 16px; background-position: calc(100% - 12px) 50%; }
	#nwco .nwco-toolbar .nwco-search__input { font-size: 15px; padding: 0 46px 0 16px; background-size: 22px 22px; background-position: calc(100% - 15px) 50%; }
	#nwco .nwco-toolbar .nwco-search__input::placeholder { font-size: 15px; }
}
@media (min-width: 1600px) and (not (any-pointer: coarse)), (min-width: 1600px) and (min-width: 1367px) {
	#nwco .nwco-toolbar__inner { gap: 12px; grid-template-columns: minmax(0, 215fr) minmax(0, 114fr) minmax(0, 196fr) minmax(0, 161fr) minmax(0, 175fr) minmax(0, 233fr) minmax(0, 196fr); }
	#nwco .nwco-toolbar .nwco-facet__select { font-size: 16px; letter-spacing: 1.5px; padding: 0 30px 0 16px; background-position: calc(100% - 13px) 50%; }
	#nwco .nwco-toolbar .nwco-search__input { font-size: 16px; padding: 0 50px 0 16px; background-size: 25px 25px; background-position: calc(100% - 16px) 50%; }
	#nwco .nwco-toolbar .nwco-search__input::placeholder { font-size: 16px; }
}

/* phones + tablets: the same controls in the Filter sheet, at the team page's phone size (60px, 16px) */
@media (max-width: 1279px), (any-pointer: coarse) and (max-width: 1366px) {
	#nwco .nwco-sheet__body .nwco-facets { gap: 20px; }
	#nwco .nwco-sheet__body .nwco-search { margin-bottom: 20px; }
	#nwco .nwco-sheet__body .nwco-search__input,
	#nwco .nwco-sheet__body .nwco-facet__select {
		height: 60px; min-height: 60px; max-height: 60px; border: 0; border-radius: 0; box-shadow: none;
		font-family: 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	}
	#nwco .nwco-sheet__body .nwco-facet__select {
		padding: 8px 34px 8px 16px; line-height: 44px;
		font-size: 16px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #000;
		background-color: #fff; background-image: url('/wp-content/uploads/2023/06/down_sel.svg');
		background-repeat: no-repeat; background-position: calc(100% - 14px) 50%; background-size: auto;
	}
	#nwco .nwco-sheet__body .nwco-facet__select[data-active] { color: #07485B; }
	#nwco .nwco-sheet__body .nwco-search__input {
		padding: 0 50px 0 16px; line-height: 24px; font-size: 16px; font-weight: 400; color: #000; background-color: #fff;
		background-image: url('/wp-content/uploads/2023/04/searchIcon.svg');
		background-repeat: no-repeat; background-size: 25px 25px; background-position: calc(100% - 16px) 50%;
	}
	#nwco .nwco-sheet__body .nwco-search__input::placeholder { font-size: 16px; letter-spacing: normal; text-transform: none; color: #757575; }
}

/* ======================================================================
   v6 (Adam 11-04, screenshot of the empty state: "this is bad"). The Elementor kit's global
   `.elementor-kit-5 button {...}` (white text, 1px white border, 15px 35px padding) beat the plain `.nwco-link`
   rule, so "Clear filters" rendered as a white outlined box on sand. Now a proper empty state, id-level selectors:
   message in the page's ink, the site's own button (Deep Teal, square, uppercase, 600, 1.5px), centred under it.
   ====================================================================== */
#nwco .nwco-noresults:not([hidden]) {
	display: flex; flex-direction: column; align-items: center; gap: 22px;
	max-width: none; margin: 0; padding: 72px 20px 96px; text-align: center;
	font: 400 20px/1.5 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	color: #231F20;
}
#nwco .nwco-noresults .nwco-link,
#nwco .nwco-noresults button.nwco-link {
	display: inline-flex; align-items: center; justify-content: center;
	height: 52px; min-height: 52px; padding: 0 32px; margin: 0;
	font: 600 14px/1 'NW Poppins', 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
	letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none;
	color: #fff; background-color: #07485B; background-image: none;
	border: 0; border-radius: 0; box-shadow: none; cursor: pointer;
	transition: background-color .2s ease;
}
#nwco .nwco-noresults .nwco-link:hover,
#nwco .nwco-noresults .nwco-link:focus-visible { color: #fff; background-color: #055C5F; text-decoration: none; }
#nwco .nwco-noresults .nwco-link:focus-visible { outline: 2px solid #07485B; outline-offset: 3px; }
@media (max-width: 767px) {
	#nwco .nwco-noresults:not([hidden]) { padding: 48px 20px 64px; font-size: 17px; gap: 18px; }
}

/* v7: with no results the empty grid still drew its top + left hairline, a second line under the bar's own line */
#nwco:has(.nwco-noresults:not([hidden])) .nwco-grid { border-top: 0; border-left: 0; }