/* FILE: main/plugins/__languages.scss */

//
// Polylang & WPML
//





// Language switcher - supports flag display only

	ul li.lang-item,
	ul li.menu-item-language {
		position: relative;
		margin-left: .62em;
		margin-right: .62em;

		 a {
			display: inline-block;
			width: 18px;
			padding-left: 0;
			padding-right: 0;
			white-space: nowrap;
			overflow: hidden;
			vertical-align: top;
		}

	}

	.lang-item,
	.menu-item-language {

		&::before {
			content: '';
			display: block;
			position: absolute;
			width: 30px;
			height: 30px;
			right: 50%;
			bottom: 50%;
			border-width: 1px;
			border-style: solid;
			border-radius: 50%;
			opacity: .5;
			z-index: -1;
			transform: translateX( 50% ) translateY( 50% );
		}

	}

	ul li.lang-item a {
		width: 16px;
	}

	.menu-item-language img.iclflag {
		margin-#{$right}: 0;
	}



	// In main navigation menu

		.nav-menu .lang-item:last-child,
		.nav-menu .menu-item-language:last-child {
			margin-#{$right}: 2em; // {{RTL}}
		}

		.nav-menu .lang-item + li:not(.lang-item),
		.nav-menu .menu-item-language + li:not(.menu-item-language),
		.nav-menu li:not(.lang-item) + .lang-item,
		.nav-menu li:not(.menu-item-language) + .menu-item-language {
			margin-#{$left}: 2em; // {{RTL}}
		}



	// In social links menu

		.social-links {

			.lang-item,
			.menu-item-language {

				.screen-reader-text {
					@extend %screen_reader_hiding_disable;

					&:hover,
					&:active,
					&:focus {
						display: inline;
						#{$left}: 0; // {{RTL}}
						top: 0;
						padding: 0;
						font-size: inherit;
						font-weight: inherit;
						background-color: inherit;
						color: inherit;
						border-radius: 0;
						box-shadow: none;
					}

				}

				a::before {
					display: none;
				}

			}

			.lang-item + li:not(.lang-item),
			.menu-item-language + li:not(.menu-item-language) {
				margin-#{$left}: 1em; // {{RTL}}
			}

			li:not(.lang-item) + .lang-item,
			li:not(.menu-item-language) + .menu-item-language {
				margin-#{$left}: 2em; // {{RTL}}
			}

		}