/**
 * Fluid Astra header for wide desktop layouts.
 *
 * The scale is intentionally token-driven so its typography and spacing can
 * be tuned from one place without changing Astra's tablet or mobile header.
 */

@media (min-width: 920px) {
	:root {
		--header-nav-size: clamp(13px, 0.55vw + 6px, 16px);
		--header-nav-sub-size: clamp(11px, 0.4vw + 6px, 14px);
		--header-nav-gap: clamp(4px, 0.55vw, 12px);
		--header-nav-padding-x: clamp(4px, 0.3vw, 8px);
		--header-button-size: clamp(13px, 0.45vw + 7px, 16px);
		--header-button-padding-y: clamp(8px, 0.35vw + 4px, 12px);
		--header-button-padding-x: clamp(12px, 0.8vw, 22px);
		--header-social-size: clamp(16px, 0.55vw + 9px, 20px);
		--header-social-gap: clamp(8px, 0.55vw, 14px);
	}

	.main-header-menu,
	.ast-nav-menu {
		column-gap: var(--header-nav-gap);
		flex-wrap: nowrap;
	}

	.main-header-menu > .menu-item > .menu-link,
	.ast-nav-menu > .menu-item > .menu-link {
		font-size: var(--header-nav-size);
		line-height: 1.12;
		padding-left: var(--header-nav-padding-x);
		padding-right: var(--header-nav-padding-x);
		white-space: nowrap;
	}

	.main-header-menu > .menu-item > .menu-link span,
	.ast-nav-menu > .menu-item > .menu-link span {
		font-size: var(--header-nav-sub-size) !important;
		line-height: 1.12;
	}

	.ast-header-button-1 .ast-custom-button {
		font-size: var(--header-button-size);
		line-height: 1.1;
		padding: var(--header-button-padding-y) var(--header-button-padding-x);
		white-space: nowrap;
	}

	.ast-header-button-1 .ast-custom-button-link,
	.ast-header-button-1 .menu-link {
		font-size: var(--header-button-size);
		white-space: nowrap;
	}

	.ast-builder-layout-element[data-section="section-hb-social-icons-1"],
	.ast-header-social-1-wrap,
	.header-social-inner-wrap {
		min-width: max-content;
	}

	.header-social-inner-wrap {
		display: flex;
		column-gap: var(--header-social-gap);
		flex-wrap: nowrap;
	}

	.header-social-item {
		width: var(--header-social-size);
		height: var(--header-social-size);
		flex: 0 0 var(--header-social-size);
	}
}