/* Navigation tabs and login */

.nav-tab-wrapper {
	padding: 10px;
	padding-left: 0;
	margin-bottom: 8px;
	white-space: nowrap;
	overflow-x: auto;
}

.ml-checkout-account-tabs-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: var(--gutter-margin-xs);
}

.ml-checkout-account-tabs-wrap .nav-tab-wrapper {
	margin-left: auto;
}

.nav-tab-wrapper a.nav-tab {
	font-size: 150%;
	font-weight: bold;
	font-family: var(--header-font-family);
	color: var(--ml-link-color) !important;
	border-radius: 0 !important;
	white-space: nowrap;
	padding: 0;
	padding-bottom: 4px;
	margin-left: 0;
	margin-right: var(--gutter-margin-xs);
	cursor: pointer;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-property: border-bottom-color, color;
}

.nav-tab-wrapper a.nav-tab:hover {
	filter: brightness(1.4);
}

.nav-tab-wrapper a.nav-tab.nav-tab-active {
	color: var(--ml-primary-color) !important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: var(--ml-primary-color);
}

.nav-tab-wrapper ~ .woocommerce-form-login-toggle {
	margin: 0;
}

.ml-theme-dark .nav-tab-wrapper a.nav-tab {
	color: #fff;
}

.ml-theme-dark .nav-tab-wrapper a.nav-tab.nav-tab-active {
	color: #2ea3f2;
	border-bottom-color: #2ea3f2;
}

.ml-theme-dark .nav-tab-wrapper a.nav-tab:hover {
	color: #0f70e8;
}

@media all and (max-width: 599px) {

	.ml-checkout-account-tabs-wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.ml-checkout-account-tabs-wrap .nav-tab-wrapper {
		margin-top: var(--gutter-margin-xs);
		margin-left: 0;
	}
}