/* ================================================================
   Sitewide header + ticker — restyled to the reference design.
   Values measured from the reference header (1440px viewport).
   Loaded after log-header.css; scoped to the existing header classes.
   ================================================================ */

/* Ticker font (reference uses the system stack). */
#wc-ssp-marquee-bar,
#wc-ssp-marquee-bar * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

header.log-site-header,
header.log-site-header.scrolled {
	background: #fff;
	border-bottom: 1px solid #e8ecf0;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

header.log-site-header .log-nav-row,
header.log-site-header.scrolled .log-nav-row {
	height: 76px;
	padding-right: 24px;
	padding-left: max(24px, calc((100% - 1200px) / 2));
}

/* Logo: 144 x 52 */
header.log-site-header .log-site-logo.has-image img,
header.log-site-header.scrolled .log-site-logo.has-image img {
	width: 144px;
	height: 52px;
	max-width: none;
	object-fit: contain;
}

/* Primary nav */
/* Reference: menu starts a fixed 183px after the logo (not centred / right-aligned). */
header.log-site-header nav.log-main-links {
	flex: 1;
	justify-content: flex-start;
	margin-left: 183px;
}

header.log-site-header nav.log-main-links ul {
	gap: 20px;
}

header.log-site-header nav.log-main-links a {
	padding: 0;
	/* The reference never loads Lato, so its menu renders in the system sans-serif. */
	font-family: sans-serif;
	font-size: .78rem;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: .08em;
	/* Reference: only the current page's link is blue (rule below). */
	color: #1a1a2e;
	text-transform: uppercase;
}

header.log-site-header nav.log-main-links a::after {
	bottom: -4px;
	background: #0066cc;
}

header.log-site-header nav.log-main-links a:hover,
header.log-site-header nav.log-main-links li.current-menu-item > a {
	color: #0066cc;
}

/* Actions: search pill + cart */
header.log-site-header .log-head-actions {
	gap: max(19px, calc(6vw - 66px));
	min-width: 0;
}

header.log-site-header .log-header-search-wrap {
	width: 14vw;
	height: 42px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 32px;
	box-shadow: none;
}

header.log-site-header .log-header-search-wrap:focus-within {
	border-color: #0066cc;
	box-shadow: 0 0 0 3px rgba(0, 102, 204, .12);
}

header.log-site-header .log-header-search-wrap .thaps-search-autocomplete,
header.log-site-header .log-header-search-wrap .thaps-form-control,
header.log-site-header .log-header-search-wrap form input[type="text"] {
	width: 100%;
	height: 40px;
	padding: 4.8px 32px 4.8px 12.8px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #475569;
	border-radius: 32px;
}

header.log-site-header .log-header-search-wrap .thaps-search-autocomplete::placeholder {
	color: #475569;
	opacity: .8;
}

/* Reference shows no visible search icon; the field submits on Enter. */
header.log-site-header .log-header-search-wrap .thaps-search-box.bar_style #thaps-search-button {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

header.log-site-header .log-cart-btn {
	width: 42px;
	height: 42px;
	color: #0066cc;
	background: none;
	border-radius: 50%;
}

header.log-site-header .log-cart-btn:hover {
	background: rgba(0, 102, 204, .08);
}

header.log-site-header .log-cart-btn svg {
	width: 22px;
	height: 22px;
	stroke-width: 2;
}

header.log-site-header .log-cart-badge {
	background: #0066cc;
	border-color: #fff;
}

header.log-site-header .log-header-search-wrap .thaps-search-box.bar_style .thaps-search-autocomplete {
	padding-left: 12.8px;
}