#mobile_menu .fl-html {
	display: flex;
}

a.hamburger{
	margin-left: auto;
	z-index: 101;
	position: relative;
	display: flex;
	flex-direction: column; gap: .3em; align-items: center; justify-content: center;
	width: fit-content; height: auto; aspect-ratio: 1;
	padding: 12px;
	transition: gap 250ms ease-out;
	background-color: transparent;
	border-radius: 50%;
}

a.hamburger span{
	--delay: 0ms;
	--delay-out: 50ms;
	display: block;
	background-color: var(--zgem-green-default);
	height: 2px;
	width: 1.4em;
	transform-origin: center;
	transition: rotate 250ms ease-out var(--delay),
				scale 250ms ease-in-out var(--delay-out),
				transform 250ms ease-out var(--delay),
				translate 250ms ease-in-out var(--delay-out);
}

a.hamburger span:nth-child(3){
	transform: rotate(-180deg);
}

body:has(.mobile_mega_menu.active){
	overflow-y: hidden;
}

a.hamburger:has(+ .mobile_mega_menu.active){
	gap: 0;
}

a.hamburger:has(+ .mobile_mega_menu.active) span{
	--delay: 250ms;
	--delay-out: 0ms;
	rotate: -135deg;
}

a.hamburger:has(+ .mobile_mega_menu.active) span:nth-child(1){
	translate: 0 100%;
}

a.hamburger:has(+.mobile_mega_menu.active) span:nth-child(2){
	scale: 0 100%;
}

a.hamburger:has(+ .mobile_mega_menu.active) span:nth-child(3){
	transform: rotate(-90deg);
	translate: 0 -100%;
}

.mobile_mega_menu{
	width: 100vw; height: calc(100dvh - 96px);
	margin-top: 96px;
	padding-block: 32px;
	position: fixed;
	inset: 0;
	z-index: 100;
	background-color: var(--zgem-green-default);
}

.mobile_mega_menu,
.mobile_mega_menu .mobile_sub_menu{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.mobile_mega_menu .mobile_sub_menu {
	position: absolute; z-index: 1;
	height: 100%; width: 100%;
	top: 0; left: 0; right: 0; bottom: 0;
	padding: 20px 0px;
	background-color: var(--zgem-green-default);
	overflow-y: auto;
}

.mobile_mega_menu nav.menu{
	position: relative;
	padding: 32px 0px;
	margin-inline: 20px;
	/* flex-grow: 1; */
	display: flex;
	flex-direction: column;
	gap: 16px;
	overflow: clip;
	overflow-y: auto;
}

.mobile_mega_menu a.menu_link {
	width: 100%;
	padding: 12px 24px;
	border-radius: 40px;
	color: var(--zgem-white);
	background-color: var(--zgem-green-dark);
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 16px;
	line-height: 1;
}

.mobile_mega_menu a.menu_link::before {
	content: '';
	transform-origin: center;
	transform: rotate(0deg);
	width: .8em;
	height: .8em;
	background-color: var(--zgem-pink);
	transition: transform 0.2s ease-in-out;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

	/* #zgem-page #menu-row .megamenu-link, #zgem-page #menu-row .submenu-item, #zgem-page #menu-row .thema-link {
	width: 400px;
	padding: 12px 32px;
	border-radius: 40px;
	color: var(--zgem-pink);
	background-color: var(--zgem-green-dark);
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 24px;
	line-height: 1;
}

#zgem-page #menu-row .megamenu-link:hover {
}

#zgem-page #menu-row .megamenu-link::before {
	background-color: var(--zgem-pink);
}

#zgem-page #menu-row .megamenu-link:hover {
	color: var(--zgem-pink);
	background-color: var(--zgem-green-dark);
}

#zgem-page #menu-row .submenu-item {
	color: black;
}

#zgem-page #menu-row .submenu-item::before {
	background-color: var(--zgem-red);
}

#zgem-page #menu-row .submenu-item:hover {
	color: var(--zgem-red);
	background-color: #F8ECF0;
}

#zgem-page #menu-row .megamenu-link::before, #zgem-page #menu-row .submenu-item::before {
	content: '';
	transform-origin: center;
	transform: rotate(0deg);
	width: .6em;
	height: .6em;
	transition: transform 0.2s ease-in-out;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
} */

/* 
.mobile_mega_menu a.menu_link, .mobile_mega_menu .language-switch {
	text-decoration: none;
	color: white;
	font-size: 16px;
	font-weight: 700;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
	padding: 16px 24px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .4em;
}
	
.mobile_mega_menu a.menu_link:after {
	content: '';
	transform-origin: center;
	transform: rotate(-45deg);
	width: 1em;
	height: 1em;
	background-color: currentColor;
	transition: transform 0.2s ease-in-out;
	mask: url("https://ak-advocaten.pk2.pageking.dev/wp-content/uploads/2025/04/button-arrow.svg") no-repeat center / contain;
	-webkit-mask: url("https://ak-advocaten.pk2.pageking.dev/wp-content/uploads/2025/04/button-arrow.svg") no-repeat center / contain;
} */

.mobile_mega_menu a.has-submenu:after {
	transform: rotate(0deg);
}
	
.mobile_mega_menu a.menu_link:hover:after {
	transform: rotate(0deg) translateX(2px);
}

.mobile_mega_menu .back_button {
	display: flex; align-items: center;
	flex-direction: row; 
	gap: 12px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	color: var(--zgem-white);
}
.mobile_mega_menu .back_button::before{
	content: '';
	width: .8em; height: .8em;
	background-color: var(--zgem-white);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.99982 6.57014L13.4248 6.66206M13.4248 6.66206L9.14044 2.05745M13.4248 6.66206L9.14044 11.1977' stroke='%23FFBFD5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
	transform: rotate(180deg);
}

#mobile_menu .mobile_mega_menu .menu_header {
	padding-inline: 20px;
}

#mobile_menu .mobile_mega_menu .menu_header .zgem-searchbar-wrap {
	border-bottom: 1px solid var(--zgem-white);
	padding-bottom: 32px;
}

#mobile_menu .mobile_mega_menu .menu_header input[type=search] {
	width: 100%;
	padding: 8px 32px 8px 32px;
	border-radius: 40px;
	background-color: #6B719A;
	color: white;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 24px;
	line-height: 1.4;
	font-size: 16px;
	height: unset;
}

#mobile_menu .mobile_mega_menu .menu_header input[type=search]::placeholder {
	color: rgba(255,255,255, .8);
}

#mobile_menu .mobile_mega_menu .menu_header input[type=search]::-webkit-search-decoration,#zgem-page .zgem-searchbar-wrap input[type="search"]::-webkit-search-cancel-button,#zgem-page .zgem-searchbar-wrap input[type="search"]::-webkit-search-results-button,#zgem-page .zgem-searchbar-wrap input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

#mobile_menu .mobile_mega_menu .menu_header .button_wrapper{
	margin-bottom: 10px;
}
#mobile_menu .mobile_mega_menu .menu_header .button{
	flex-grow: 1;
}
#mobile_menu .mobile_mega_menu .menu_header .button_text{
	justify-content: center;
}

#mobile_menu  .mobile_mega_menu .menu_footer {
	margin-inline: 20px;
	padding-top: 32px;
	display: flex;
	width: auto;
	flex-direction: column;
	gap: 10px;
	border-top: 1px solid var(--zgem-white);
}

#mobile_menu  .mobile_mega_menu .menu_footer .portal-link {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #EAEDF9;
	padding: 12px 60px 12px 24px;
	position: relative;
	border-radius: 20px;
	font-size: 16px;
	overflow: hidden;
	line-height: 1;
}

#mobile_menu  .mobile_mega_menu .menu_footer .portal-link:after {
	height: 100%;
	width: auto;
	aspect-ratio: 1;
	position: absolute;
	right: 0;
	content: '';
	background-color: rgba(180, 191, 235, 1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cpath d='M4.29865 9.16768L15.7236 9.25959M15.7236 9.25959L11.4393 4.65498M15.7236 9.25959L11.4393 13.7953' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

#mobile_menu .mobile_mega_menu .menu_footer nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#mobile_menu  .mobile_mega_menu .menu_footer a, .mobile_mega_menu nav.menu a.inschrijven {
	color: var(--skbnm-lila);
}

#mobile_menu  .mobile_mega_menu .language-switch {
	font-weight: 400;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

#mobile_menu  .mobile_mega_menu .menu_footer .language-switch a {
	display: flex;
	align-items: center;
	background-color: transparent;
	width: 100%;
	border-radius: 8px;
}

#mobile_menu  .mobile_mega_menu .menu_footer .language-switch:after {
	mask: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66665 2.65094L3.33331 5.98427M3.33331 5.98427L6.66665 9.31761M3.33331 5.98427H16.6666M13.3333 17.6509L16.6666 14.3176M16.6666 14.3176L13.3333 10.9843M16.6666 14.3176H3.33331' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66665 2.65094L3.33331 5.98427M3.33331 5.98427L6.66665 9.31761M3.33331 5.98427H16.6666M13.3333 17.6509L16.6666 14.3176M16.6666 14.3176L13.3333 10.9843M16.6666 14.3176H3.33331' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")no-repeat center / contain;
	transform: rotate(0deg);
}

#mobile_menu  .mobile_mega_menu .menu_footer .language-switch:hover:after {
	transform: rotate(0deg) translateX(0px);
}

@media only screen and (max-width: 767px){
	#languagePopup .languages{
		flex-direction: column;
	}
	#languagePopup .languages a{
		text-decoration: none;
		color: black;
	}
}