/* MENU */
.site-header {
	position: relative;
	z-index: 1;
	padding: 1.9792vw 2.0833vw 0;
	width: 100%;
}
.site-header.is-sticky{
	position: fixed;
	top: 0;
	z-index: 3000;
	box-shadow: 0 4px 14px rgba(0,0,0,.08);
	backdrop-filter: saturate(160%) blur(6px);
}
@media (max-width:782px){
	body .site-header.is-sticky {
		margin-top: 0;
	}
}
.header-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	direction: rtl; /* важно для иврита */
}
.site-logo {
	position: absolute;
	top: 50%;
	right: calc(-50px + 40px);
	transform: translateY(-50%);
	z-index: 2;
	max-width: 16.6667vw;
}
.site-logo img {
}
#menu-menu-1 {
	position: relative;
}
#menu-menu-1 > li.menu-item:last-child {
	position: absolute;
	left: 0;
}
.main-nav {
	flex-grow: 1;
	display: flex;
	background: url(../img/menu-bg.png) 0 0 no-repeat;
	background-size: 95.8333vw auto;
	background-position: center center;
	padding-right: 17vw;
	padding-left: 2vw;
	height: 4.3750vw;
	background-size: contain;
}

.menu {
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
	width: 100%;
	gap: 1vw;
}

.menu > li {
	display: inline-block;
	position: relative;
	line-height: 4.3750vw;
}

.menu li a {
	text-decoration: none;
	color: #fff; /* или другой, в зависимости от дизайна */
	font-weight: 600;
	padding: 0.5em 1em;
	display: inline-block;
	line-height: 1;
}

.menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	background: url(../img/sub-menu-bg.png) 0 0 no-repeat transparent;
	list-style: none;
	margin: 0;
	padding: 0 10px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	border-radius: 24px;
	background-size: cover;
	min-width: 10.4167vw;
}

/* Показываем подменю при наведении на родителя */
.menu li.menu-item-has-children:hover > .sub-menu {
	display: block;
}

/* Стрелочка справа от текста */
.menu li.menu-item-has-children > a {
	position: relative;
	padding-left: 2em;
}

.menu li.menu-item-has-children > a::before {
	content: "";
	background: url("../img/arrow-down.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0.3em;
	width: 1em;
	height: 1em;
	transform: translateY(-50%);
}

/* Стили подменю */
.menu .sub-menu li a {
	display: block;
	padding: 0.75em 1em;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
}
.menu .sub-menu li:hover a {
	color: #da8691;
}
/* .menu li:hover > a,
.menu li a:hover,
.menu li.current-menu-item > a {
color: #da8691;
} */
	/* .menu li:hover > a::before,
	.menu li a:hover::before,
	.menu li.current-menu-item > a::before {
	background: url("../img/arrow-down-hover.png") no-repeat center center;
	} */

	.menu li.nav-item-register {
		margin-right: 30px;
	}
	.menu li.nav-item-register > a {
		padding-left: 75px;
	}
	.menu li.nav-item-register > a::before {
		content: "";
		background: url("../img/arrow-left.png") no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 50%;
		left: 0.3em;
		width: 42px;
		height: 14px;
		transform: translateY(-50%);
	}
	.menu li.nav-item-register:hover > a,
	.menu li.nav-item-register > a:hover {
		color: #005b7f;
	}
	.menu li.nav-item-register:hover > a::before,
	.menu li.nav-item-register > a:hover::before {
		background: url("../img/arrow-left-hover.png") no-repeat center center;
	}

.mobile-menu-overlay,
.mmenu {
	display: none;
}


/* menu items background */
#menu-menu-1 {
	> li.menu-item,
	> li.menu-item a {
		position: relative;
	}
	> li.menu-item::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity 0.3s ease;
		z-index: 0;
	}
	
	> li.menu-item:nth-child(1)::before {
		background-image: url('../img/menu-item-bg-1.png');
	}
	> li.menu-item:nth-child(2)::before {
		background-image: url('../img/menu-item-bg-2.png');
	}
	> li.menu-item:nth-child(3)::before {
		background-image: url('../img/menu-item-bg-3.png');
	}
	> li.menu-item:nth-child(4)::before {
		background-image: url('../img/menu-item-bg-4.png');
	}
	> li.menu-item:nth-child(5)::before {
		background-image: url('../img/menu-item-bg-5.png');
	}
	> li.menu-item:nth-child(6)::before {
		background-image: url('../img/menu-item-bg-6.png');
	}
	> li.menu-item:nth-child(7)::before {
		background-image: url('../img/menu-item-bg-6.png');
	}
	> li.menu-item:nth-child(8)::before {
		background-image: url('../img/menu-item-bg-7.png');
	}
	> li.menu-item:nth-child(9)::before {
		background-image: url('../img/menu-item-bg-8.png');
	}
	
	> li.menu-item:hover::before,
	> li.menu-item.current-menu-item::before,
	> li.menu-item.current-menu-parent::before {
		opacity: 1;
	}
}


@media screen and (max-width: 600px) {
	.site-header,
	.site-header.is-sticky {
		top: 0;
	}
	.site-header {
		padding: 0;
		margin: 10.2564vw 0;
		margin-top: 0;
		background: url('../img/menu-bg-mobile.png') no-repeat;
		background-size: 100vw 21.5385vw;
		background-position: center center;
		min-height: 30.2564vw;
	}
	
	.header-inner {
		margin: 0 var(--f20);
		justify-content: space-between;
		align-items: center;
	}
	
	.site-logo {
		position: relative;
		right: 0;
		top: 0;
		transform: translateY(0);
		max-width: 68.4615vw;
		z-index: 3000;
	}
	
	.main-nav {
		padding: 0;
		background: none;
		display: none;
	}
	
	#menu-menu-1 {
		display: none;
	}
	
	.mmenu {
		position: relative;
		z-index: 3000;
		display: block;
		width: 10.2564vw;
		height: 6.6667vw;
		background: url(../img/mobile-menu-icon.png) 0 0 no-repeat;
		background-size: contain;
	}
	.mmenu.menu-open {
		background: url(../img/close-icon.png) 0 0 no-repeat;
		background-size: contain;
	}

	body.mobile-menu-open {
		overflow: hidden;
	}

	
	/* 	burger */
	.mobile-menu-overlay {
	  position: fixed;
	  top: 6vw;
	  left: 0;
	  width: 100vw;
		height: 100vh;
		max-height: calc(100vh - 14vw);
	  background: url('../img/bg-mob.png') no-repeat;
	  background-position: center bottom 5.89vw;
		background-size: cover;
	  transform: translateY(-100%);
	  opacity: 0;
	  pointer-events: none;
	  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  z-index: 2999;
	}

	.mobile-menu-overlay.active {
	  transform: translateY(0);
	  opacity: 1;
	  pointer-events: all; 
	}

	.mobile-menu-inner {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  padding: 28.2051vw 5.1282vw 29.0769vw 0;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
		overflow-y: hidden;
		max-height: 100vh;

	}

	.close-menu {
	  position: absolute;
	  top: 20px;
	  right: 20px;
	  width: 30px;
	  height: 30px;
	  cursor: pointer;
	}

	.mobile-menu-list {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  overflow-y: scroll;
	}

	.mobile-menu-list li {
	  margin: 20px;
	}
	.mobile-menu-list > li:last-child {
		position: fixed;
    text-align: center;
    left: 50%;
    bottom: 8vw;
    transform: translateX(-50%);
	}

	.mobile-menu-list a {
	  color: #fff;
	  font-size: 22px;
	  text-decoration: none;
	  transition: color 0.3s;
	  padding-right: 25px;
	}

	.mobile-menu-list a:hover {
	  color: var(--color-pink);
	}
	/* 	sub-menu */
	.mobile-menu-list .sub-menu {
	  max-height: 0;
	  overflow: hidden;
	  opacity: 0;
	  list-style-type: none;
	  transition: max-height 0.4s ease, opacity 0.4s ease;
	}

	.mobile-menu-list li.open > .sub-menu {
	  max-height: 500px;
	  opacity: 1;
	}

	.mobile-menu-list li.menu-item-has-children > a {
	  position: relative;
	  padding-right: 25px;
	}

	.mobile-menu-list li.menu-item-has-children > a::after {
	  content: "▼";
	  position: absolute;
	  right: 5px;
	  top: 50%;
	  transform: translateY(-50%);
	  font-size: 12px;
	  transition: transform 0.3s ease;
	}

	.mobile-menu-list li.open > a::after {
	  transform: translateY(-50%) rotate(180deg);
	}
	@supports (-webkit-touch-callout: none) {
		@media (hover: none) and (pointer: coarse) {
			.mobile-menu-overlay {
				max-height: calc(100vh - 28vw);
			}
			.mobile-menu-inner {
				padding-top: 20vw;
			}
		}
	}
}