/*
 * TLA Partner Hub header (1.0.315; Sectors room 1.0.318; no theme switch 1.0.319): additions to the site header (#tla-uh)
 * on Partner Hub pages. The menus reuse the header snippet's own classes, so
 * this file only covers what is new: the white "TLA home" pill, dashicons in
 * the menu cards, and hiding the main-site menus that give way on hub pages.
 */
#tla-uh .tla-ph-hub-hidden,
#tla-uh-mobile .tla-ph-hub-hidden { display: none !important; }

/* White "TLA home" pill (header actions and phone drawer footer). */
html body #tla-uh .tla-uh-action.tla-ph-hub-home,
html body #tla-uh-mobile .tla-uh-action.tla-ph-hub-home {
	align-items: center !important;
	background: #fff !important;
	border: 1px solid rgba(10, 0, 50, .14) !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 10px rgba(10, 0, 50, .12) !important;
	color: #0b1530 !important;
	-webkit-text-fill-color: #0b1530 !important;
	display: inline-flex !important;
	font-weight: 700 !important;
	gap: 6px !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}
html body #tla-uh .tla-uh-action.tla-ph-hub-home:hover,
html body #tla-uh .tla-uh-action.tla-ph-hub-home:focus-visible,
html body #tla-uh-mobile .tla-uh-action.tla-ph-hub-home:hover {
	background: #eef5ff !important;
	border-color: rgba(10, 99, 214, .35) !important;
	color: #0a3d8a !important;
	-webkit-text-fill-color: #0a3d8a !important;
}
html body #tla-uh .tla-ph-hub-home .dashicons,
html body #tla-uh-mobile .tla-ph-hub-home .dashicons {
	color: #0a63d6 !important;
	font-size: 16px !important;
	height: 16px !important;
	line-height: 1 !important;
	width: 16px !important;
}

/* Dashicons inside the snippet's card icon tile. The header sets Inter on
   everything inside it, which turns the icon glyphs into empty boxes. */
#tla-uh .tla-ph-hub-card .tla-uh-icon .dashicons {
	font-size: 20px;
	height: 20px;
	line-height: 1;
	width: 20px;
}
html body #tla-uh .tla-ph-hub-home .dashicons::before,
html body #tla-uh .tla-ph-hub-card .dashicons::before,
html body #tla-uh-mobile .tla-ph-hub-home .dashicons::before {
	font-family: dashicons !important;
	-webkit-text-fill-color: currentColor !important;
}

/* Where the header bar gets tight (narrow laptops, small phones): the pill
   shows its icon only; the label stays for screen readers. */
@media (min-width: 1001px) and (max-width: 1240px), (max-width: 420px) {
	html body #tla-uh .tla-uh-actions .tla-ph-hub-home > span:not(.dashicons) {
		border: 0 !important;
		clip: rect(0 0 0 0) !important;
		height: 1px !important;
		margin: -1px !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: absolute !important;
		white-space: nowrap !important;
		width: 1px !important;
	}
}

/* Room for the Sectors menu (1.0.318). The header bar is capped at 1320px
   and was already full on hub pages, so the logo keeps the TLA mark but
   drops its two-line tagline there; on narrow laptops the links tighten
   and the Partner Services "Onboarding" tag goes. */
@media (min-width: 1001px) {
	html body.tla-ph-hub-header #tla-uh .tla-uh-logo .tla-uh-identity { display: none !important; }
}
@media (min-width: 1001px) and (max-width: 1240px) {
	html body.tla-ph-hub-header #tla-uh .tla-uh-nav > .tla-uh-item > .tla-uh-link {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}
	html body.tla-ph-hub-header #tla-uh .tla-uh-nav .tla-uh-tab-new { display: none !important; }
}

/* The hub is always dark (1.0.319): no light/dark switch in the hub header.
   html.tla-ph-hub-dark is set in <head> on hub pages only, so the main site
   keeps its switch. */
html.tla-ph-hub-dark #tla-uh .tla-uh-switch,
html.tla-ph-hub-dark #tla-uh [data-tla-uh-theme],
html.tla-ph-hub-dark #tla-uh-mobile [data-tla-uh-theme] { display: none !important; }