/* Header tweaks on top of the compiled theme styles, see includes/enqueue.php */

/* Slightly smaller header buttons on desktop */
@media (min-width: 62.5em) {
	.header .navigation__button .button {
		font-size: 10px;
		min-height: 48px;
		padding: 0 12px;
	}

	.header .navigation__button .button__icon {
		font-size: 18px;
	}
}

/* Keep the main menu on one line on laptop screens (from 1280px) now that it has the Klantcases item */
@media (min-width: 62.5em) {
	.header .navigation-menu__link {
		font-size: clamp(10px, 0.82vw, 13px);
	}

	.header .navigation-menu__item:not(:last-child) {
		margin-right: clamp(10px, 1.1vw, 18px);
	}

	.header .flex-buttons-list {
		margin-left: 16px;
	}
}

@media (min-width: 62.5em) and (max-width: 1370px) {
	.header .header__logo {
		margin-right: 25px;
	}

	.header .flex-buttons-list {
		column-gap: 8px;
		margin-left: 10px;
	}

	.header .navigation__button .button {
		font-size: 9.5px;
		padding: 0 10px;
	}
}