/* Compact sticky header: applied once the visitor scrolls down (body.header-compact, see theme.js). */

.site-header, .site-header__inner, .site-logo, .site-logo img, .site-logo--text, .header-search, .header-search input, .header-search button, .header-icons a, .header-icons__label, .site-nav .menu > li > a {
	transition: min-height .3s var(--ease), height .3s var(--ease), padding .3s var(--ease), font-size .3s var(--ease), max-height .3s var(--ease), width .3s var(--ease), opacity .2s, box-shadow .3s;
}

@media (min-width: 961px) {
	.header-compact .site-header { box-shadow: 0 6px 20px rgba(60, 40, 20, .1); }
	.header-compact .site-header__inner { min-height: 56px; }
	.header-compact .site-logo--text { font-size: 22px; }
	.header-compact .site-logo img { max-height: 34px; }
	.header-compact .header-search input { height: 36px; }
	.header-compact .header-search button { width: 44px; }
	.header-compact .header-icons { gap: 18px; }
	.header-compact .header-icons a { gap: 0; }
	.header-compact .header-icons__label { max-height: 0; opacity: 0; overflow: hidden; }
	.header-compact .site-nav .menu > li > a { padding-top: 8px; padding-bottom: 8px; font-size: 13.5px; }
	.header-icons__label { max-height: 18px; }
}

/* Slimmer header overall (desktop): ~120px instead of ~160px. */
@media (min-width: 961px) {
	.topbar__inner { min-height: 30px; }
	.topbar { font-size: 12.5px; }
	.site-header__inner { min-height: 58px; gap: 20px; }
	.site-logo--text { font-size: 25px; }
	.site-logo img { max-height: 40px; }
	.header-search input { height: 40px; }
	.header-search button { width: 48px; }
	.header-icons { gap: 20px; }
	.header-icons a { font-size: 11.5px; }
	.header-icons .icon { width: 21px; height: 21px; }
	.site-nav .menu > li > a { padding-top: 9px; padding-bottom: 9px; font-size: 14px; }

	/* Compact (scrolled) version: slimmer again. */
	.header-compact .site-header__inner { min-height: 48px; }
	.header-compact .site-logo--text { font-size: 21px; }
	.header-compact .header-search input { height: 34px; }
	.header-compact .site-nav .menu > li > a { padding-top: 6px; padding-bottom: 6px; font-size: 13.5px; }
}