:root {
	--header-search-input-height: var(--form-field-height) - 2px;
}

#header {position: sticky;top: 0;z-index: 102;}
#header #header-main-block {position: relative;border-bottom: 1px solid var(--color-theme);}
#header .wrapper-header {position: relative;background-color: var(--header-background-color);}
#header .row-header {display: flex;justify-content: space-between;column-gap: 15px;}
#header .left-header {display: flex;align-items: center;}
#header .left-header,
#header .center-header,
#header .right-header {flex-grow: 0;flex-shrink: 0;}
#header .toggle-button {display: flex;align-items: center;column-gap: 5px;}
#header .toggle-button .rdc-icon-font {color: var(--header-text-color);}
#header .logo {display: block;max-width: 100%;padding: 0;line-height: 0;}
#header .logo img {display: block;}
#header .center-header {flex-shrink: 1;flex-grow: 1;column-gap: 30px;}
#header .wrapper-inline-menu {flex-grow: 1;flex-shrink: 0;}
#header .wrapper-inline-menu .menu > ul > li > a,
#header .wrapper-inline-menu .menu > ul > li > .a {display: flex;align-items: center;height: 60px;padding-inline: 15px;color: var(--header-text-color);}
#header .rdc-header-search input {position: relative;width: 100%;}
#header .rdc-header-inline-search {flex-basis: 100%;}
#header .rdc-header-inline-search:only-child {margin-left: 15px;}
#header.rdc-header-layout-1 .rdc-header-inline-search .search-form {max-width: 460px;margin: 0 auto;}
#header.rdc-header-layout-1 .rdc-header-inline-search .search-form input {border-color: var(--header-submenu-background-color);background-color: var(--color-white);}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input {color: var(--header-text-color);border-color: var(--header-text-color);background-color: var(--header-background-color);}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input::-webkit-input-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input::-moz-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input:-ms-input-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form input:-moz-placeholder {color: var(--header-text-color);opacity: 0.8;}
#header.rdc-header-layout-2 .rdc-header-inline-search .search-form .rdc-icon-font {color: var(--header-text-color);}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul {justify-self: flex-end;}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li > .a {border-bottom: 3px solid transparent;}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover::after {background-color: var(--color-white);}
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.hover > .a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.sel > a,
#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li.sel > .a {border-color: currentColor;}
#header .shop-icons > ul {display: flex;align-items: center;margin: 0;list-style: none;}
#header .shop-icons > ul > li {position: relative;}
#header .shop-icons > ul > li > a,
#header .shop-icons > ul > li > .a {position: relative;display: flex;align-items: center;justify-content: center;padding: 0 15px;color: var(--header-text-color);text-decoration: none;}
#header .shop-icons > ul > li > a p,
#header .shop-icons > ul > li > .a p {color: currentColor;}
#header .shop-icons > ul > li > a span,
#header .shop-icons > ul > li > .a span {position: absolute;top: 0;right: 0;transform: translate(40%, -40%);min-width: 24px;padding: 0 4px;border-radius: 18px;text-align: center;color: var(--header-submenu-text-color);background-color: var(--header-submenu-background-color);}
#header .shop-icons > ul > li .rdc-icon-font + p {padding-left: 8px;}
#header .shop-icons > ul > li .icon-cart + p {padding-left: 12px;}
#header .shop-icons > ul > li#header-notifications > .a .icon-notification,
#header .shop-icons > ul > li.cart > a .icon-cart {position: relative;}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) {background-color: var(--header-submenu-background-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) .rdc-icon-font {color: var(--header-submenu-text-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) > a span {color: var(--header-text-color);background-color: var(--header-background-color);}
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) > a p,
#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) > .a p {color: var(--header-submenu-text-color);}
#header .menu > ul > li > a[href="javascript:void(0);"],
#header .menu > ul > li > .rdc-menu-page-disabled,
#header .shop-icons > ul > li.disabled a,
#header .shop-icons > ul > li.disabled .a,
#header .shop-icons > ul > li > a.disabled {cursor: default;}
#header .shop-icons > ul > li > a.disabled span {display: none;}
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.hover > a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.hover > .a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.sel > a,
#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li.sel > .a,
#header .shop-icons > ul > li.active > a,
#header .shop-icons > ul > li.show > a,
#header .shop-icons > ul > li.active > .a,
#header .shop-icons > ul > li.show > .a {opacity: 0.75;}
#header .wrapper-menu-bar {background-color: var(--header-submenu-background-color);}
#header .menu {position: relative;}
#header .menu > ul {display: flex;align-items: center;column-gap: 5px;}
#header .menu > ul > li > a,
#header .menu > ul > li > .a {text-decoration: none;}
#header .menu > ul > li.hover {position: relative;}
#header .menu > ul > li.hover::after {content: '';position: absolute;top: 100%;right: 0;left: 0;height: 1px;}
#header .wrapper-menu-bar .menu > ul > li.hover::after {background-color: var(--header-background-color);}
#header .wrapper-menu-bar .menu > ul > li > a,
#header .wrapper-menu-bar .menu > ul > li > .a {position: relative;display: block;padding: 8px 15px;}
#header .wrapper-menu-bar .menu > ul > li > a:not(.featured),
#header .wrapper-menu-bar .menu > ul > li > .a:not(.featured) {color: var(--header-submenu-text-color);}
#header .wrapper-menu-bar .menu > ul > li.hover > a,
#header .wrapper-menu-bar .menu > ul > li.hover > .a,
#header .wrapper-menu-bar .menu > ul > li.sel > a,
#header .wrapper-menu-bar .menu > ul > li.sel > .a {color: var(--header-text-color);background-color: var(--header-background-color);}
#header .rdc-header-search-bar {left: 0;width: 100%;padding: 6px 0;border-bottom: 1px solid var(--color-lines);background: var(--color-white);z-index: 15;}
#header .rdc-header-search-bar-absolute {position: absolute;top: var(--main-header-height);}
#header .rdc-header-search-bar .rdc-header-search-container {display: grid;grid-template-columns: 54px minmax(0, 500px) 54px;align-items: center;justify-content: space-between;}
#header .rdc-header-search-bar form {grid-column: 2;}
#header .rdc-header-search-bar input[type="search"] {height: auto;padding-left: 56px;padding-right: 56px;border: 0;}
#header .rdc-header-search-bar .btn-close-search {grid-column: 3;}
#header .notifications {position: absolute;top: calc(100% + 5px);left: 0;width: 100%;text-align: right;}
#header .notifications .wrapper-notifications {float: right;}
#header .notifications .notification {position: relative;display: none;padding: 5px 15px;border-radius: 4px;background: rgba(0, 0, 0, 0.9);}
#header .notifications .add-cart-mobile {background: #FFF;text-align: center;padding: 15px;border-bottom: 1px solid lightgray;}
#header .notifications .add-cart-mobile p {padding-bottom: 8px;}
#header .rdc-header-language-change-overlay,
#header .rdc-header-search-bar-overlay {position: fixed;top: calc(var(--main-header-height) + var(--header-offset-top));right: 0;bottom: 0;left: 0;background-color: var(--color-overlay);z-index: 11;}

#rdc-header-country .rdc-dropdown-item:not(:has(> input:checked)) .rdc-dropdown-item-icon {
	display: none;
}

#rdc-header-hide-prices {
	grid-template-columns: minmax(0, 1fr) max-content;
	column-gap: 1.071rem;
}

#header-notifications {
	--dropdown-width: 37rem;
	--dropdown-inset-block: 0;
}

#rdc-header-notifications:has(.rdc-header-notifications-filters) .rdc-dropdown-menu-header {
	--dropdown-header-margin: 0;
}

.rdc-header-notifications-unread-label[hidden],
#rdc-header-notifications-mark-all-read[hidden],
.rdc-header-notifications-filter .rdc-chip__count[hidden],
.rdc-header-notification-unread-column[hidden] {
    display: none !important;
}

.rdc-header-notifications-unread-label::before {
	content: attr(data-total-unread);
}

#rdc-header-notifications .rdc-header-notifications-filters {
	column-gap: 0.286rem;
	margin-block-start: calc(var(--modal-padding-block) * -1);
	margin-inline: calc(var(--modal-padding-inline) * -1);
	margin-block-end: var(--modal-padding-block);
	padding-block: 0.857rem;
	padding-inline: var(--dropdown-header-inset);
	border-bottom: 1px solid var(--color-lines);
	background-color: var(--color-background);
	overflow: auto hidden;
}

#rdc-header-notifications .rdc-header-notifications-item {
	margin-inline: 0.857rem;
	padding-block: 0.857rem;
	cursor: pointer;
}

#rdc-header-notifications .rdc-header-notifications-item > div {
	grid-template-columns: 1.571rem minmax(0, 1fr);
	column-gap: 0.571rem;
}

/* Any visible item that comes after another visible item */
#rdc-header-notifications .rdc-header-notifications-item:not(.rdc-d-none) ~ .rdc-header-notifications-item:not(.rdc-d-none) {
	border-top: 1px solid var(--color-lines);
}

/* Unread dot */
#rdc-header-notifications .rdc-header-notifications-item .rdc-header-notifications-item-dot {
	width: 0.429rem;
	height: 0.429rem;
	border-radius: 100%;
}

#rdc-header-notifications .rdc-header-notifications-item.unread .rdc-header-notifications-item-dot {
	background-color: var(--color-alert-info);
}

/* Read items keep the column for alignment, but hide the dot */
#rdc-header-notifications .rdc-header-notifications-item:not(.unread) .rdc-header-notifications-item-dot {
	visibility: hidden;
}

/* No visible unread notifications: single column layout */
#rdc-header-notifications:not(:has(.rdc-header-notifications-item.unread:not(.rdc-d-none))) .rdc-header-notifications-item > .rdc-d-grid {
	grid-template-columns: minmax(0, 1fr);
}

/* No visible unread notifications: hide dot column */
#rdc-header-notifications:not(:has(.rdc-header-notifications-item.unread:not(.rdc-d-none))) .rdc-header-notification-unread-column {
	display: none !important;
}

#controller-cart {
	--dropdown-width: 21.429rem;
	--dropdown-inset-block: 0;
	--dropdown-footer-margin: 1.429rem;
}

@media screen and (hover: hover) and (pointer: fine) {
	#header .wrapper-menu-bar .menu > ul > li:hover > a,
	#header .wrapper-menu-bar .menu > ul > li:hover > .a {color: var(--header-text-color);background-color: var(--header-background-color);}
	#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li:hover > a,
	#header.rdc-header-layout-0 .wrapper-inline-menu .menu > ul > li:hover > .a {border-color: currentColor;}
	#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li:hover > a,
	#header.rdc-header-layout-2 .wrapper-inline-menu .menu > ul > li:hover > .a,
	#header .shop-icons > ul > li:not(.disabled) > a:not([disabled]):hover,
	#header .shop-icons > ul > li:not(.disabled) > .a:not([disabled]):hover,
	#header .shop-icons > ul > li:not(.disabled):hover > .a:not([disabled]) {opacity: 0.75;}

	#rdc-header-notifications .rdc-header-notifications-item:hover {
		background-color: var(--color-background);
	}
}

@media screen and (min-width: 1366px) {
	#header .row-header {column-gap: 30px;}
}

@media screen and (min-width: 1200px) {
	#header .left-header {column-gap: 30px;}
	#header .toggle-button {position: relative;z-index: 104;}
	#header .shop-icons > ul > li:not(:first-child)::before {content: '';position: absolute;top: 50%;left: 0;display: block;width: 1px;height: 24px;transform: translateY(-50%);background-color: var(--header-border-color);}
	#header .shop-icons > ul > li.user-account > a p,
	#header .shop-icons > ul > li.user-account > .a p {max-width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show)::before,
	#header:not(.rdc-header-layout-2) .shop-icons > ul > li.cart.has-products-added:not(:hover):not(.show) + li::before {display: none;}
}

@media screen and (min-width: 768px) {

	#header .logo img {max-height: 60px;}
	#header .wrapper-header,
	#header .shop-icons > ul > li > a,
	#header .shop-icons > ul > li > .a {height: 60px;}

	#rdc-header-hide-prices {
		padding: 0.929rem;
	}
	
	#rdc-header-notifications .rdc-header-notifications-filters {
		margin-block-start: 0;
		margin-inline: 0;
		margin-block-end: var(--dropdown-header-margin);
	}

	#rdc-header-notifications .rdc-header-notifications-item {
		padding-inline: 0.571rem;
	}

}

@media screen and (min-width: 1200px) {
	
	#header .rdc-dropdown {
		--dropdown-offset-x: -0.786rem;
	}

}

@media screen and (max-width: 1199px) {
	#header .left-header {column-gap: 15px;}
	#header .shop-icons {margin-right: calc(var(--container-padding) * -1);}
}

@media screen and (max-width: 767px) {
	#header .wrapper-header,
	#header .shop-icons > ul > li > a,
	#header .shop-icons > ul > li > .a {height: 49px;}
	#header .logo img {max-height: 49px;}
	#header .shop-icons > ul > li {position: static;}

	#header .notifications {top: calc(100% + 1px);}
	#header .notifications .container {padding: 0;}
	#header .notifications .wrapper-notifications {float: none;}
	#header .notifications .notification {border-radius: 0;text-align: center;}
	
	#containerSite {min-height: 100vh;}
}

/* ##### BACKWARD COMPATIBILITY ##### */
body .account-menu,
body .account-menu-sales {display: none !important;}
/* ################################## */