/* Menu responsivo da Home WordPress (Elementor) */

.elementor-location-header .elementor-nav-menu--main {
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 0.35em;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item {
	white-space: nowrap;
	font-size: clamp(0.72rem, 0.95vw, 1rem);
	padding-inline: clamp(6px, 0.9vw, 14px);
}

/* Desktop: esconde o botão sanduíche */
.elementor-location-header .elementor-menu-toggle {
	display: none;
}

/* Mobile / tablet / zoom+: menu horizontal some, sanduíche no lugar original */
@media (max-width: 1200px) {
	.elementor-location-header .elementor-nav-menu--main {
		display: none !important;
	}

	.elementor-location-header .elementor-menu-toggle,
	.elementor-location-header .elementor-element.elementor-nav-menu--toggle .elementor-menu-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		position: relative !important;
		z-index: 9999 !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		margin-left: auto !important;
		padding: 0 !important;
		border-radius: 8px !important;
		background: rgba(255, 255, 255, 0.12) !important;
		color: #ffffff !important;
		fill: #ffffff !important;
		cursor: pointer !important;
	}

	/* Ícone CSS — não depende da fonte mdi */
	.elementor-location-header .elementor-menu-toggle .elementor-menu-toggle__icon--open,
	.elementor-location-header .elementor-menu-toggle .elementor-menu-toggle__icon--close {
		display: none !important;
	}

	.elementor-location-header .elementor-menu-toggle::before {
		content: "";
		display: block;
		width: 22px;
		height: 2px;
		background: currentColor;
		border-radius: 2px;
		box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
	}

	.elementor-location-header .elementor-menu-toggle.elementor-active::before {
		box-shadow: none;
		transform: rotate(45deg);
	}

	.elementor-location-header .elementor-menu-toggle.elementor-active::after {
		content: "";
		position: absolute;
		width: 22px;
		height: 2px;
		background: currentColor;
		border-radius: 2px;
		transform: rotate(-45deg);
	}

	.elementor-location-header .elementor-nav-menu--dropdown {
		z-index: 9998 !important;
	}
}