/* MENÚ HAMBURGUESA */

@media (max-width: 767px) {
	/* Botó toggle */
	button.menu-toggle {
		width: 44px;
		height: 44px;
		border: none;
		display: flex;
		justify-content: end;
		align-items: center;
		z-index: 1000;
		position: relative;
		background-color: transparent;
		border-radius: 0;
		padding: 0;
	}

	button.menu-toggle:hover {
		opacity: 0.9;
		cursor: pointer;
	}

	.burger-icon span {
		display: block;
		background-color: #000000;
		height: 3px;
		width: 25px;
		margin: 5px 0;
		border-radius: 1px;
		transition: all 0.3s ease;
	}

	.menu-toggle.active .burger-icon span:nth-child(1) {
		transform: rotate(-45deg) translate(-5px, 6px);
	}

	.menu-toggle.active .burger-icon span:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle.active .burger-icon span:nth-child(3) {
		transform: rotate(45deg) translate(-5px, -6px);
	}

	/* Menú */

	#primary-menu a {
		display: block;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	#primary-menu li {
		position: relative;
	}

	/* Submenú */

	#primary-menu > li.wpml-ls-item {
		display: flex;
		justify-content: center;
		align-items: baseline;

		> a {
			border-right: 1px solid var(--color-text);
		}
	}
}

/* VERSIONS GRANS */

@media (min-width: 768px) {
	.menu-toggle,
	.main-navigation li.mobil {
		display: none;
	}

	#primary-menu {
		display: flex;
		justify-content: center;
		align-items: baseline;
		position: relative;
		margin: 0;
		padding: 0;
		gap: 10px;
	}

	#primary-menu > li.wpml-ls-item > a {
		display: flex;
		align-items: baseline;
		gap: 10px;
	}

	#primary-menu > li.wpml-ls-item > a::after {
		position: relative;
		top: -0.15em;
	}

	/* WPML */

	.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
		display: block;
	}

	.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
		border-top: none;
	}
}

/* Accessibility helper (if using .screen-reader-text) */
.screen-reader-text {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}