.wsb-wpml-banner {
	box-sizing: border-box;
	width: 100%;
	background: var(--wsb-bg, #111827);
	color: var(--wsb-text, #fff);
	font-family: inherit;
	font-size: var(--wsb-font-size-desktop, 16px);
	line-height: 1.45;
	z-index: var(--wsb-z-index, 99999);
}

.wsb-wpml-banner,
.wsb-wpml-banner * {
	box-sizing: border-box;
}

.wsb-wpml-banner--fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.admin-bar .wsb-wpml-banner--fixed {
	top: 32px;
}

.wsb-wpml-banner__inner {
	position: relative;
	max-width: var(--wsb-max-width, none);
	margin: 0 auto;
	padding: var(--wsb-padding-y, 10px) var(--wsb-padding-x, 16px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.wsb-wpml-banner__text {
	width: 100%;
	text-align: var(--wsb-align, center);
}

.wsb-wpml-banner__text p {
	margin-top: 0;
	margin-bottom: 0;
}

.wsb-wpml-banner__text a {
	color: var(--wsb-link, #fff);
	text-decoration: underline;
	text-underline-offset: 0.16em;
}

.wsb-wpml-banner__close {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	background: transparent;
	color: var(--wsb-close, #fff);
	font: inherit;
	font-size: 24px;
	line-height: 1;
	padding: 2px 4px;
	margin: 0;
	cursor: pointer;
	flex: 0 0 auto;
}

.wsb-wpml-banner__close:hover,
.wsb-wpml-banner__close:focus {
	opacity: 0.75;
	outline: none;
}

.wsb-wpml-banner__close:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

@media screen and (max-width: 782px) {
	.admin-bar .wsb-wpml-banner--fixed {
		top: 46px;
	}
}

@media screen and (max-width: 640px) {
	.wsb-wpml-banner {
		font-size: var(--wsb-font-size-mobile, 14px);
	}

	.wsb-wpml-banner__inner {
		gap: 8px;
	}

	.wsb-wpml-banner__close {
		font-size: 22px;
	}
}