/* button primary is style primary */

.eco-login-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;

    /* position: absolute;
    right: 0;
    top: 50%; */
	display: flex;
	gap: 1rem;
    justify-content: flex-end;
	align-items: center;
    margin-left: auto;
    /* transform: translateY(-50%); */
}

.eco-login-menu > li > a {

	/*position: absolute;
	top: var(--wp--preset--spacing--55);
	right: var(--wp--preset--spacing--30);*/

	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
	font-size: var(--wp--preset--font-size--s);
	display: flex;
	flex-direction: row;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	border: 1px solid var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base)!important;

	border-radius: 2rem;
}

.eco-login-menu > li:first-of-type > a {
	color: var(--wp--preset--color--primary) !important;
	background-color: var(--wp--preset--color--base);
}

.eco-login-menu > li > a:hover {
	color: var(--wp--preset--color--base);
}

.eco-login-menu > li:first-of-type > a::before {
	content: '';
	display: block;
	height: var(--wp--preset--font-size--m);
	aspect-ratio: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/* background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9974 3.16732C6.89283 3.16732 5.9974 4.06275 5.9974 5.16732C5.9974 6.27189 6.89283 7.16732 7.9974 7.16732C9.10196 7.16732 9.9974 6.27189 9.9974 5.16732C9.9974 4.06275 9.10196 3.16732 7.9974 3.16732ZM4.66406 5.16732C4.66406 3.32637 6.15645 1.83398 7.9974 1.83398C9.83834 1.83398 11.3307 3.32637 11.3307 5.16732C11.3307 7.00827 9.83834 8.50065 7.9974 8.50065C6.15645 8.50065 4.66406 7.00827 4.66406 5.16732Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.64037 10.8103C4.26549 10.1852 5.11334 9.83398 5.9974 9.83398H9.9974C10.8815 9.83398 11.7293 10.1852 12.3544 10.8103C12.9795 11.4354 13.3307 12.2833 13.3307 13.1673V14.5007C13.3307 14.8688 13.0323 15.1673 12.6641 15.1673C12.2959 15.1673 11.9974 14.8688 11.9974 14.5007V13.1673C11.9974 12.6369 11.7867 12.1282 11.4116 11.7531C11.0365 11.378 10.5278 11.1673 9.9974 11.1673H5.9974C5.46696 11.1673 4.95826 11.378 4.58318 11.7531C4.20811 12.1282 3.9974 12.6369 3.9974 13.1673V14.5007C3.9974 14.8688 3.69892 15.1673 3.33073 15.1673C2.96254 15.1673 2.66406 14.8688 2.66406 14.5007V13.1673C2.66406 12.2833 3.01525 11.4354 3.64037 10.8103Z' fill='white'/%3E%3C/svg%3E%0A"); */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.0013 2.66666C6.89673 2.66666 6.0013 3.56209 6.0013 4.66666C6.0013 5.77123 6.89673 6.66666 8.0013 6.66666C9.10587 6.66666 10.0013 5.77123 10.0013 4.66666C10.0013 3.56209 9.10587 2.66666 8.0013 2.66666ZM4.66797 4.66666C4.66797 2.82571 6.16035 1.33333 8.0013 1.33333C9.84225 1.33333 11.3346 2.82571 11.3346 4.66666C11.3346 6.50761 9.84225 8 8.0013 8C6.16035 8 4.66797 6.50761 4.66797 4.66666Z' fill='%230F695F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.64428 10.3096C4.2694 9.68452 5.11725 9.33333 6.0013 9.33333H10.0013C10.8854 9.33333 11.7332 9.68452 12.3583 10.3096C12.9834 10.9348 13.3346 11.7826 13.3346 12.6667V14C13.3346 14.3682 13.0362 14.6667 12.668 14.6667C12.2998 14.6667 12.0013 14.3682 12.0013 14V12.6667C12.0013 12.1362 11.7906 11.6275 11.4155 11.2524C11.0404 10.8774 10.5317 10.6667 10.0013 10.6667H6.0013C5.47087 10.6667 4.96216 10.8774 4.58709 11.2524C4.21202 11.6275 4.0013 12.1362 4.0013 12.6667V14C4.0013 14.3682 3.70283 14.6667 3.33464 14.6667C2.96645 14.6667 2.66797 14.3682 2.66797 14V12.6667C2.66797 11.7826 3.01916 10.9348 3.64428 10.3096Z' fill='%230F695F'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1410px) {
	.eco-login-menu > li:first-of-type > a {
    	gap: 0;
    	padding: var(--wp--preset--spacing--40);
		font-size: 0;
	}
}

@media screen and (max-width: 1200px) {
	.eco-login-menu {
		gap: 8px;
	}

	.eco-login-menu > li:last-of-type {
		display: none;
	}

	.eco-login-menu > li > a, 
	.eco-login-menu > li:first-of-type > a {
		gap: 0;
		font-size: 0;
		aspect-ratio: 1;
		width: 48px;
		max-height: 48px;
		padding: 0;
		margin-right: var(--wp--preset--spacing--20);
		/* position: absolute;
		top: var(--wp--preset--spacing--20);
		right: var(--wp--preset--spacing--30);  */
		border: none;
		background-color: var(--wp--custom--color--primary--100);
	}

	.eco-login-menu > li > a::before {
		width: 100%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99984 2.66671C6.89527 2.66671 5.99984 3.56214 5.99984 4.66671C5.99984 5.77128 6.89527 6.66671 7.99984 6.66671C9.10441 6.66671 9.99984 5.77128 9.99984 4.66671C9.99984 3.56214 9.10441 2.66671 7.99984 2.66671ZM4.6665 4.66671C4.6665 2.82576 6.15889 1.33337 7.99984 1.33337C9.84079 1.33337 11.3332 2.82576 11.3332 4.66671C11.3332 6.50766 9.84079 8.00004 7.99984 8.00004C6.15889 8.00004 4.6665 6.50766 4.6665 4.66671Z' fill='%230F695F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.64281 10.3097C4.26794 9.68456 5.11578 9.33337 5.99984 9.33337H9.99984C10.8839 9.33337 11.7317 9.68456 12.3569 10.3097C12.982 10.9348 13.3332 11.7827 13.3332 12.6667V14C13.3332 14.3682 13.0347 14.6667 12.6665 14.6667C12.2983 14.6667 11.9998 14.3682 11.9998 14V12.6667C11.9998 12.1363 11.7891 11.6276 11.4141 11.2525C11.039 10.8774 10.5303 10.6667 9.99984 10.6667H5.99984C5.4694 10.6667 4.9607 10.8774 4.58562 11.2525C4.21055 11.6276 3.99984 12.1363 3.99984 12.6667V14C3.99984 14.3682 3.70136 14.6667 3.33317 14.6667C2.96498 14.6667 2.6665 14.3682 2.6665 14V12.6667C2.6665 11.7827 3.01769 10.9348 3.64281 10.3097Z' fill='%230F695F'/%3E%3C/svg%3E");
	}
}

@media screen and (max-width: 1024px) {
	.eco-login-menu {
		/* position: static;
		transform: none; */
		width: 0;
	}

	/* .menu-login-container {
		width: 0;
		margin-left: var(--wp--preset--spacing--40)!important;
	} */
}