/*
Theme Name: Bricks Child
Description: Child theme for Bricks
Author: Your Name
Template: bricks
Version: 1.0.0
Text Domain: bricks-child
*/


/* NEW LANGUAGE SWITCHER WPML FOR ACCESSIBILITY */

.menu-item--lang-switcher .brx-submenu-toggle {
	display: flex;
	align-items: center;
	height: 100%;
}

.menu-item--lang-switcher .brx-submenu-toggle > a,
.menu-item--lang-switcher .lang-switcher__current,
.menu-item--lang-switcher .lang-switcher__submenu a {
	display: inline-flex;
	align-items: center;      /* vertical center */
	gap: 8px;
	text-decoration: none;
	line-height: 1;           /* remove extra vertical spacing */
	height: 100%;
}

.menu-item--lang-switcher .wpml-ls-flag {
	width: 20px;
	height: 20px;             /* force consistent height */
	object-fit: contain;
	display: block;
	flex-shrink: 0;
	transform: translateY(1px);
}

.menu-item--lang-switcher .lang-switcher__name {
	display: inline-block;
	align-items: center;
	line-height: 1;
}

.menu-item--lang-switcher .lang-switcher__submenu a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 16px;
	min-height: 60px;
	line-height: 1;
	width: 100%;
}

/* Optional hover refinement */
.menu-item--lang-switcher .lang-switcher__submenu a:hover {
	background: rgba(0, 0, 0, 0.06);
}

.menu-item--lang-switcher .brx-submenu-toggle button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0;
}

span.lang-switcher__name {
	margin-left: 6px;
}

@media (max-width: 991px) {
	
	#brxe-kygehw .bricks-mobile-menu-wrapper {
		width: 360px !important;
	}

	/* Main language row height */
	.bricks-mobile-menu .menu-item--lang-switcher > .brx-submenu-toggle {
		min-height: 60px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	/* Left side: flag + language */
	.bricks-mobile-menu .menu-item--lang-switcher > .brx-submenu-toggle > a {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		min-height: 60px;
	}

	/* Right side: chevron button */
	.bricks-mobile-menu .menu-item--lang-switcher > .brx-submenu-toggle > button {
		min-height: 60px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
		margin: 0;
	}

	/* Keep flag and text vertically centered */
	.bricks-mobile-menu .menu-item--lang-switcher .wpml-ls-flag {
		width: 22px;
		height: 22px;
		object-fit: contain;
		display: block;
		flex-shrink: 0;
	}

	.bricks-mobile-menu .menu-item--lang-switcher .lang-switcher__name {
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}

	/* More spacing between English row and Italiano row */
	.bricks-mobile-menu .menu-item--lang-switcher .lang-switcher__submenu li + li,
	.bricks-mobile-menu .menu-item--lang-switcher .lang-switcher__submenu li {
		margin-top: 10px;
	}

	.bricks-mobile-menu .menu-item--lang-switcher .lang-switcher__submenu a {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		min-height: 44px;
		padding: 0 45px;
	}
}