@mixin from-desktop-xl {
    @media screen and (min-width: $t-eds-c-header-new-breakpoint-desktop-xl) {
		@content;
	}
}

.eds-c-header-new {
	@include u-text-interface;
	background-color: $t-eds-c-header-new-background-color;
	border-bottom: $t-eds-c-header-new-outer-border;
	line-height: $t-a-typography-line-height-md;
}

.eds-c-header-new__container {
	@include u-container;
	margin: 0 auto;
	padding: 0 $t-a-space-absolute-100;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative;
	@include from-tablet {
		padding: 0 $t-a-space-absolute-200;
	}
}

.eds-c-header-new__brand {
	img {
		height: $t-eds-c-header-new-logo-large-height;
	}
	
	@include from-tablet {
		margin-right: $t-a-space-absolute-200;
	}

	@include from-desktop-xl {
		margin-right: $t-a-space-absolute-100;
		a {
			display: block;
			text-decoration: none;
			padding: $t-eds-c-header-new-brand-padding;
		}
	
		img {
			height: $t-eds-c-header-new-logo-medium-height;
			width: auto;
		}
	}
}

.eds-c-header-new__main-nav-container {
	display: flex;
	flex: 1;

	// adjustments for the nested navigation component in the header
	.eds-c-navigation {
		display: none;
		border-bottom: unset;
	}
}

.eds-c-header-new__list {
	@include u-list-reset;
}

.eds-c-header-new__list--main-nav {
	@include u-hide;
	@include from-desktop {
		align-items: center;
		display: flex;
		gap: $t-a-space-absolute-200;
		visibility: visible;
		padding-left: $t-a-space-absolute-400;

		li {
			height: 100%;
		}

		.eds-c-header-new__link {
			height: 100%;
			justify-content: center;
		}
		
	}
}

.eds-c-header-new__list-item {
	@include u-container;
	font-weight: bold;
	padding: $t-a-space-absolute-200;

	&:not(:last-child) {
		border-bottom: $t-eds-c-header-new-inner-border;
	}
}

.eds-c-header-new__action-items-panel {
	display: flex;
	@include from-wide-layout {
		padding-left: $t-a-space-absolute-200;
		border-left: $t-eds-c-header-new-inner-border;
	}
}

.eds-c-header-new__action-items {
	display: flex;
	align-items: center;
	border-left: none;

	.eds-c-header-new__link {
		min-width: 50px;
	}
}

.eds-c-header-new__action-items,
.eds-c-header-new__mobile-menu {
	.eds-c-header-new__link {
		font-size: $t-a-typography-font-size-xxs;
		font-weight: normal;
		padding: $t-a-space-absolute-200 $t-a-space-absolute-100;
		min-width: 44px;

		@include from-tablet {
			font-size: $t-a-typography-font-size-xxs;
			font-weight: bold;
			padding: $t-a-space-absolute-200 $t-a-space-absolute-200;
		}
	}
}

.eds-c-header-new__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: $t-eds-c-header-new-link-padding;
	color: $t-eds-c-header-new-item-color;
	text-decoration-color: transparent;
	position: relative;
	font-weight: bold;
	word-break: normal;
	white-space: nowrap;
	font-size: $t-a-typography-font-size-xs;

	&:visited {
		color: $t-eds-c-header-new-item-color;
	}

	&:hover {
		color: $t-eds-c-header-new-item-color;
		text-decoration-color: $t-eds-c-header-new-item-color;
	}
	
	&:not(.eds-c-header-new-expander .eds-c-header-new__link):hover {	
		text-decoration-color: transparent;	
		&::after {
			content: '';
			background-color: $t-eds-c-header-new-link-selected;
			width: 100%;
			height: $t-eds-c-header-new-selected-lozenge-height;
			border-radius: 4px;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	}
}

.eds-c-header-new__link.is-open {
	color: $t-eds-c-header-new-link-selected;

	&::after {
		content: '';
		background-color: $t-eds-c-header-new-link-selected;
		width: 100%;
		height: $t-eds-c-header-new-selected-lozenge-height;
		border-radius: 4px;
		position: absolute;
		bottom: 0px;
		left: 0;
	}
}

.eds-c-header-new__icon {
	@include u-icon;
	position: relative;
	vertical-align: bottom;
	font-size: $t-eds-c-header-new-icon-size;
	margin-bottom: $t-a-space-absolute-100;
}

.eds-c-header-new__heading {
	@include u-container;
	padding: $t-eds-c-header-new-heading-padding;
}

.eds-c-header-new__item--divider {
    &:before {
        content: '';
        position: absolute;
		top: 0;
        border-left: $t-eds-c-header-new-inner-border;
        height: $t-eds-c-header-new-divider-height;
		display: none;

		@include from-wide-layout {
			display: block;
		}
    }
}
.eds-c-header-new__action-items div:nth-child(1) {
	margin-left: $t-a-space-absolute-400;
}

@include from-desktop {
	.eds-c-header-new__mobile-menu {
		@include u-hide;
	}
	.eds-c-header-new__main-nav-container {
		// adjustments for the nested navigation component in the header
		.eds-c-navigation {
			display: block;
		}
		// adjustments for the nested navigation component in the header
		.eds-c-navigation__desktop-menu {
			background-color: unset;
		}
	}
	.eds-c-header-new__action-items--search {
		display: flex;
	}
}

.has-tethered {
	.eds-c-header-new__heading {
		@include u-hide;
		visibility: hidden;
	}
}

.eds-c-header-new__heading {
	@include u-container;
	padding: $t-eds-c-header-new-heading-padding;
}

// notification
.eds-c-header-new__action-items--has-notification {
    position: relative;
}

.eds-c-header-new__action-items--has-notification::before {
    content: "";
    top: 0;
    right: 0;
    width: $t-eds-c-header-new-action-items-has-notification-space; 
    height: $t-eds-c-header-new-action-items-has-notification-space;
    border: 2px solid $t-a-palette-default-white;
    background-color: $t-a-palette-default-orange-medium;
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 999;
}

.eds-c-header-new__action-items__cart-count {
	position: absolute;
	top: 5px;
	right: -5px;
	padding: 2px $t-a-space-relative-100;
	background-color: $t-a-palette-default-orange-medium;
	color: $t-a-palette-default-white;
	border-radius: 40%;
	border: 2px solid $t-a-palette-default-white;
	z-index: 999;
}
