.themx-wcmc-bar {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 99990;
	padding: 12px 10px;
	background: var(--themx-wcmc-bg);
	color: var(--themx-wcmc-text);
	border-radius: 4px;
	box-shadow: 0 4px 24px var(--themx-wcmc-bar-shadow-color);
	max-width: 90vw;
}

.themx-wcmc-bar--left {
	left: 0;
}

.themx-wcmc-bar--right {
	right: 0;
}

/* Vertical offset for left/right sidebar (does not change horizontal position). */
.themx-wcmc-bar--top-offset.themx-wcmc-bar--left {
	top: var(--themx-wcmc-bar-top, 50%);
	left: 0;
	right: auto;
	transform: translateY(-50%);
}

.themx-wcmc-bar--top-offset.themx-wcmc-bar--right {
	top: var(--themx-wcmc-bar-top, 50%);
	right: 0;
	left: auto;
	transform: translateY(-50%);
}

/* Legacy top-center mode only — not used with left/right position. */
body.themx-wcmc-bar-top .themx-wcmc-bar {
	top: var(--themx-wcmc-bar-top, 32px);
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

.themx-wcmc-bar__list {
	max-height: var(--themx-wcmc-bar-max-height, none);
	overflow-y: auto;
	scrollbar-width: thin;
}

/* Split currency line with space — collapsed flags (normal), full rows on bar hover. */
.themx-wcmc-bar--layout-split_space {
	--themx-wcmc-split-expand: 0.45s;
	--themx-wcmc-split-flag-w: 42px;
	--themx-wcmc-split-flag-h: 28px;
	--themx-wcmc-split-panel: min(320px, 90vw);
	padding: 0;
	background: var(--themx-wcmc-transparent);
	box-shadow: none;
	overflow: hidden;
	border-radius: 0;
	width: 300px;
	transition: all 0.5s ease;

	&.themx-wcmc-bar--left {
		left: calc(-300px + 55px) !important;

		&:hover {
			left: 0 !important;
		}
	}

	&.themx-wcmc-bar--right {
		left: auto !important;
		right: calc(-300px + 55px) !important;

		.themx-wcmc-bar__item {
			flex-direction: row !important;
		}

		&:hover {
			right: 0 !important;

			.themx-wcmc-bar__item {
				flex-direction: row-reverse !important;
			}

			.themx-wcmc-bar__header {
				right: 0;
				transition: right 0.5s ease;
			}
		}

		.themx-wcmc-bar__item {
			flex-direction: row-reverse;
		}

	}

	.themx-wcmc-bar__header {
		margin: 0;
		max-height: 80px;
		opacity: 0;
		overflow: hidden;
		padding: 0 16px;
		background: var(--themx-wcmc-bg);
		text-align: center;
		transition: all 0.5s ease;
		padding: 14px 16px;
	}

	.themx-wcmc-bar__title {
		margin: 0;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--themx-wcmc-text);
	}

	.themx-wcmc-bar__list {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch;
		gap: 4px !important;
		width: 100%;
		padding: 0;
		transition: gap var(--themx-wcmc-split-expand) ease, padding var(--themx-wcmc-split-expand) ease;

		>li {
			margin: 0;
			padding: 0;
			width: 100%;
		}
	}

	&:hover {
		.themx-wcmc-bar__header {
			opacity: 1;
			left: 0;

		}

		.themx-wcmc-bar__list {
			gap: 8px;
			padding: 8px 0 0;
		}

		.themx-wcmc-bar__item {
			flex-direction: row !important;
		}

		.themx-wcmc-bar__split-label {
			left: 0;
			transition: left 0.5s ease;
		}

		/* Expanded (image 2): row hover + active — salmon label pill. */
		.themx-wcmc-bar__item:hover .themx-wcmc-bar__split-label,
		.themx-wcmc-bar__item.is-active .themx-wcmc-bar__split-label,
		.themx-wcmc-bar__item:focus-visible .themx-wcmc-bar__split-label {
			background: var(--themx-wcmc-main);
			color: var(--themx-wcmc-text);
		}

		.themx-wcmc-bar__item:hover .themx-wcmc-bar__split-label {
			transition: background 0.3s ease, left 0.5s ease;
		}
	}

	&:focus-within {
		.themx-wcmc-bar__header {
			opacity: 1;
			left: 0;
		}

		.themx-wcmc-bar__list {
			gap: 8px;
			padding: 8px 0 0;
		}

		.themx-wcmc-bar__item:hover .themx-wcmc-bar__split-label,
		.themx-wcmc-bar__item.is-active .themx-wcmc-bar__split-label,
		.themx-wcmc-bar__item:focus-visible .themx-wcmc-bar__split-label {
			background: var(--themx-wcmc-main);
			color: var(--themx-wcmc-text);
		}

		.themx-wcmc-bar__item:hover .themx-wcmc-bar__split-label {
			transition: background 0.3s ease, left 0.5s ease;
		}
	}

	.themx-wcmc-bar__item {
		position: relative;
		left: auto;
		right: auto;
		display: flex;
		align-items: stretch;
		justify-content: flex-start !important;
		gap: 0;
		width: 100%;
		height: 40px;
		margin: 0;
		padding: 0 !important;
		border: 0;
		border-radius: 0;
		background: var(--themx-wcmc-transparent);
		box-sizing: border-box;
		overflow: hidden;
		transition: gap var(--themx-wcmc-split-expand) ease;
		flex-direction: row-reverse;
	}

	.themx-wcmc-bar__split-flag {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		align-self: center;
		position: relative;
		z-index: 22;

		.themx-wcmc-flag {
			display: block;
			width: 55px;
			height: 44px;
			max-width: none;
			aspect-ratio: auto;
			object-fit: cover;
			object-position: center;
			border-radius: 0;
			background-size: cover;
			background-position: center;
			image-rendering: auto;
			transition: box-shadow 0.25s ease;
		}

		.themx-wcmc-bar__code,
		.themx-wcmc-bar__symbol {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 55px;
			height: 44px;
			background: var(--themx-wcmc-bg);
			color: var(--themx-wcmc-text);
			font-size: 11px;
			font-weight: 700;
			line-height: 1.2;
			letter-spacing: 0.06em;
			text-align: center;
			text-transform: uppercase;
			box-sizing: border-box;
		}

		.themx-wcmc-bar__symbol {
			font-size: 16px;
			text-transform: none;
			letter-spacing: 0;
		}
	}

	/* Label pill hidden until bar expands. */
	.themx-wcmc-bar__split-label {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		min-height: var(--themx-wcmc-split-flag-h);
		padding: 0;
		background: var(--themx-wcmc-bg);
		color: var(--themx-wcmc-text);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: 0.04em;
		text-align: center;
		text-transform: uppercase;
		padding: 0 15px;
		position: relative;
		width: calc(100% - 55px);
		line-height: 40px;
		text-overflow: ellipsis;
		transition:
			max-width var(--themx-wcmc-split-expand) ease,
			opacity calc(var(--themx-wcmc-split-expand) * 0.85) ease,
			padding var(--themx-wcmc-split-expand) ease,
			background 0.25s ease,
			color 0.25s ease;
	}

	.themx-wcmc-bar__item:hover,
	.themx-wcmc-bar__item.is-active,
	.themx-wcmc-bar__item:focus-visible {
		background: var(--themx-wcmc-transparent);
		color: inherit;
	}

	&.themx-wcmc-bar--click-expand {
		&:not(.is-expanded) {
			.themx-wcmc-bar__expand-btn {
				margin-left: auto;
				margin-right: 10px;
			}
		}

		&:hover,
		&:focus-visible,
		&:focus-within {
			left: calc(-300px + 55px) !important;

			.themx-wcmc-bar__item {
				flex-direction: row-reverse !important;
			}

			.themx-wcmc-bar__list {
				padding: 0;
			}
		}

		&.themx-wcmc-bar--right {

			&:hover,
			&:focus-visible,
			&:focus-within {
				left: auto !important;
				right: calc(-300px + 55px) !important;

				.themx-wcmc-bar__item {
					flex-direction: row !important;
				}
			}

			&:not(.is-expanded) {
				.themx-wcmc-bar__expand-btn {
					margin-left: 10px;
					margin-right: auto;
				}
			}
		}



	}

	&.is-expanded {
		.themx-wcmc-bar__list {
			padding-top: 10px !important;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		--themx-wcmc-split-expand: 0.01ms;
	}
}

/* Split space only — do not apply bar offset/width to single-slide layout. */
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol {
	width: 200px;

	&.themx-wcmc-bar--left {
		left: calc(-200px + 55px) !important;

		&:hover {
			left: 0 !important;
		}

		
	}

	&.themx-wcmc-bar--click-expand {
		&:hover {
			left: calc(-200px + 55px) !important;
		}

		&.is-expanded {
			.themx-wcmc-bar__item{
				flex-direction: row !important;
			}
		}
	}


	&.themx-wcmc-bar--right {
		left: auto !important;
		right: calc(-200px + 55px) !important;

		&:hover {
			right: 0 !important;
		}

		&.themx-wcmc-bar--click-expand {
			/* &:hover {
				right: calc(-200px + 55px) !important;
			} */
	
			&.is-expanded {
				.themx-wcmc-bar__item{
					flex-direction: row-reverse !important;
				}
			}
		}
	}


}

/* Single slide select — D-tab collapsed; hover expands, active = background only. */
.themx-wcmc-bar--layout-single_slide {
	--themx-wcmc-slide-duration: 0.7s;
	--themx-wcmc-slide-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--themx-wcmc-slide-tab: 52px;
	--themx-wcmc-slide-circle: 38px;
	padding: 0;
	background: var(--themx-wcmc-transparent);
	box-shadow: none;
	width: 50px;

	.themx-wcmc-bar__list {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		max-height: var(--themx-wcmc-bar-max-height, none);
		display: inline !important;
	}

	.themx-wcmc-bar__item {
		position: relative;
		width: 270px;
		height: 44px;
		background: var(--themx-wcmc-bg);
		color: var(--themx-wcmc-text);
		display: block;
		z-index: 11;
		border-radius: 0 26px 26px 0;
		transition: all 0.7s;
		text-align: center;
		padding-right: 52px !important;
		font-size: 12px;
		left: -220px;
		z-index: 222;

		.themx-wcmc-bar__item-label {
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		/* Hover (non-selected): expand pill with label. */
		&:hover,
		&:focus-visible {
			z-index: 3;
			background: var(--themx-wcmc-main);
			color: var(--themx-wcmc-text);
			left: 0;
		}

		&:hover:not(.is-active) .themx-wcmc-bar__item-icon,
		&:focus-visible:not(.is-active) .themx-wcmc-bar__item-icon {
			top: 50%;
			left: auto;
			right: 5px;
			transform: translateY(-50%);
			background: var(--themx-wcmc-icon-bg);
		}

		/* Single slide: global hover must not override locked active tab. */
		&.is-active:hover,
		&.is-active:focus-visible {
			cursor: default;
		}
	}

	/* Flag + code/symbol: keep icon visible; expand pill shows code or symbol on hover. */
	&.themx-wcmc-bar--style-flag_code,
	&.themx-wcmc-bar--style-flag_symbol {
		width: 50px;

		&.themx-wcmc-bar--left {
			left: 0;
		}

		&.themx-wcmc-bar--right {
			right: 0;
			left: auto;
		}

		.themx-wcmc-bar__item-label {
			display: block;
		}

		.themx-wcmc-bar__item {
			width: 175px;
			left: -125px;

			&:hover,
			&:focus-visible {
				z-index: 3;
				background: var(--themx-wcmc-main);
				color: var(--themx-wcmc-text);
				left: 0;
			}
		}

		&.themx-wcmc-bar--right {
			.themx-wcmc-bar__item {
				&:hover {
					right: 125px;
					left: auto;
				}
			}
		}
	}

	.themx-wcmc-bar__item-icon {
		position: absolute;
		top: 50%;
		right: 5px;
		z-index: 2;
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		width: var(--themx-wcmc-slide-circle);
		height: var(--themx-wcmc-slide-circle);
		border-radius: 50%;
		background: var(--themx-wcmc-icon-bg);
		transform: translateY(-50%);
		transition:
			right var(--themx-wcmc-slide-duration) var(--themx-wcmc-slide-ease),
			left var(--themx-wcmc-slide-duration) var(--themx-wcmc-slide-ease),
			transform var(--themx-wcmc-slide-duration) var(--themx-wcmc-slide-ease),
			background 0.35s ease;

		.themx-wcmc-flag {
			width: 24px;
			height: 18px;
			max-width: none;
			aspect-ratio: auto;
			object-fit: cover;
		}

		.themx-wcmc-bar__code,
		.themx-wcmc-bar__symbol {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			color: var(--themx-wcmc-icon-fg);
			font-size: 10px;
			font-weight: 700;
			line-height: 1;
			letter-spacing: 0.04em;
			text-align: center;
			text-transform: uppercase;
			box-sizing: border-box;
		}

		.themx-wcmc-bar__symbol {
			font-size: 14px;
			font-weight: 600;
			text-transform: none;
			letter-spacing: 0;
		}
	}

	&.themx-wcmc-bar--right {
		.themx-wcmc-bar__list {
			align-items: flex-end;
		}

		.themx-wcmc-bar__item {
			flex-direction: row-reverse;
			border-radius: 26px 0 0 26px;
			left: auto;
			right: 0;
			padding-left: 52px !important;
			padding-right: 8px !important;

			.themx-wcmc-bar__item-icon {
				right: auto;
				left: 5px;
			}

			&:hover {
				right: 220px;
				left: auto;
			}

			&.is-active,
			&.is-active:hover,
			&.is-active:focus-visible {
				border-radius: 26px 0 0 26px;
			}

			&.is-active .themx-wcmc-bar__item-icon,
			&:hover .themx-wcmc-bar__item-icon,
			&.is-active:focus-visible .themx-wcmc-bar__item-icon {
				right: auto;
				left: 5px;
			}

			&:hover:not(.is-active),
			&:focus-visible:not(.is-active) {
				border-radius: 26px 0 0 26px;
			}
		}
	}

	@media (prefers-reduced-motion: reduce) {
		--themx-wcmc-slide-duration: 0.01ms;
	}
}

.themx-wcmc-bar__list {
	scrollbar-width: none;
}

/* Hover show detail — full country + currency name, flag strip on the left. */
.themx-wcmc-bar--layout-hover_detail {
	padding: 0;
	border-radius: 0;
	background-color: var(--themx-wcmc-transparent);
	box-shadow: none;

	.themx-wcmc-bar__list {
		display: flex !important;
		flex-direction: column;
		gap: 5px;
		padding: 0;
		overflow-y: auto;

		>li {
			margin: 0;
		}
	}

	.themx-wcmc-bar__item {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		gap: 10px;
		width: 100%;
		min-height: 44px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		overflow: hidden;
		transition: background 0.25s ease, color 0.25s ease;

		&.is-active,
		&:hover {
			background-color: var(--themx-wcmc-transparent);
		}

		&.is-active .themx-wcmc-bar__hover-label,
		&:hover .themx-wcmc-bar__hover-label {
			background-color: var(--themx-wcmc-main);
			color: var(--themx-wcmc-text);
		}

		&:hover {
			.themx-wcmc-bar__hover-label {
				display: flex;
				opacity: 1;
				visibility: visible;
			}
		}
	}

	.themx-wcmc-bar__hover-flag {
		display: block;
		flex-shrink: 0;
		width: 55px;
		overflow: hidden;
		align-self: stretch;
		background: var(--themx-wcmc-bg);

		.themx-wcmc-flag {
			display: block;
			width: 55px;
			height: 44px;
			max-width: none;
			aspect-ratio: auto;
			object-fit: cover;
			object-position: center;
			border-radius: 0;
			background-size: cover;
			background-position: center;
			image-rendering: auto;
		}
	}

	&.themx-wcmc-bar--style-default,
	&.themx-wcmc-bar--style-symbol {
		.themx-wcmc-bar__hover-flag {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.themx-wcmc-bar__item {
			justify-content: start;
		}

		&.themx-wcmc-bar--right {
			.themx-wcmc-bar__item {
				justify-content: end;
			}
		}
	}

	.themx-wcmc-bar__hover-label {
		background-color: var(--themx-wcmc-bg);
		color: var(--themx-wcmc-text);
		padding: 10px;
		font-size: 10px;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: 0.04em;
		text-align: center;
		text-transform: uppercase;
		border-radius: 5px;
		align-items: center;
		transition: background-color 0.25s ease, color 0.25s ease;
		display: none;
		opacity: 0;
		visibility: hidden;
		text-overflow: ellipsis;
	}

	&.themx-wcmc-bar--right {
		.themx-wcmc-bar__item {
			flex-direction: row-reverse;
		}


		.themx-wcmc-bar__hover-label {
			padding: 10px;
		}
	}

	/* Hover show detail: hide title once a currency is selected (current). */
	&:has(.themx-wcmc-bar__item.is-active) {
		.themx-wcmc-bar__title {
			display: none;
			margin: 0;
		}

		.themx-wcmc-bar__header:not(:has(.themx-wcmc-bar__toggle)) {
			display: none;
		}
	}
}

.themx-wcmc-bar__title {
	display: block;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--themx-wcmc-main);
}

.themx-wcmc-bar__list,
.themx-wcmc-list-switcher {
	list-style: none;
	margin: 0;
	padding: 0;
}

.themx-wcmc-bar__item,
.themx-wcmc-list-switcher__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	margin: 0 0 4px;
	padding: 6px 8px;
	border: 0;
	border-radius: 3px;
	background: var(--themx-wcmc-transparent);
	color: inherit;
	cursor: pointer;
	font-size: 13px;
}

.themx-wcmc-bar__code,
.themx-wcmc-bar__symbol {
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.themx-wcmc-bar--style-default .themx-wcmc-bar__item,
.themx-wcmc-bar--style-symbol .themx-wcmc-bar__item {
	justify-content: center;
}

/* .themx-wcmc-bar--style-flag .themx-wcmc-bar__item {
	justify-content: center;
	padding-left: 6px;
	padding-right: 6px;
} */

.themx-wcmc-bar__item:hover,
.themx-wcmc-bar__item.is-active,
.themx-wcmc-list-switcher__item:hover,
.themx-wcmc-list-switcher__item.is-active {
	background: var(--themx-wcmc-main);
	color: var(--themx-wcmc-text);
}

.themx-wcmc-bar__toggle,
.themx-wcmc-bar__expand-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	min-height: 28px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: var(--themx-wcmc-expand-bg);
	color: var(--themx-wcmc-expand-color);
	opacity: var(--themx-wcmc-expand-opacity);
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
}

.themx-wcmc-bar__expand-btn {
	position: absolute;
	top: 50%;
	z-index: 100;
	transform: translateY(-50%);
	flex-shrink: 0;
}

.themx-wcmc-bar--right:not(.themx-wcmc-bar--click-expand) .themx-wcmc-bar__expand-btn,
.themx-wcmc-bar--right.themx-wcmc-bar--click-expand.is-expanded .themx-wcmc-bar__expand-btn {
	left: -14px;
	border-radius: 3px 0 0 3px;
}

.themx-wcmc-bar--left:not(.themx-wcmc-bar--click-expand) .themx-wcmc-bar__expand-btn,
.themx-wcmc-bar--left.themx-wcmc-bar--click-expand.is-expanded .themx-wcmc-bar__expand-btn {
	right: -14px;
	border-radius: 0 3px 3px 0;
}

/* Click-to-expand: hide + while expanded. */
.themx-wcmc-bar--click-expand.is-expanded .themx-wcmc-bar__expand-btn {
	display: none !important;
	visibility: hidden;
	pointer-events: none;
}

/* Click-to-expand: always show + when collapsed (flag style / all layouts). */
.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__expand-btn {
	display: flex !important;
	visibility: visible !important;
	pointer-events: auto !important;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	transform: none;
	z-index: 200;
	flex-shrink: 0;
	margin: 6px 0 0 10px;
	opacity: var(--themx-wcmc-expand-opacity, 1);
}

/* .themx-wcmc-bar--click-expand:not(.is-expanded) {
	display: flex;
	flex-direction: column;
	overflow: visible;
} */

/* Split space + click expand: pin + on the visible edge strip (panel is 300px, peek is 55px). */
/* .themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand:not(.is-expanded) {
	position: relative;
	overflow: visible !important;
	min-height: 88px;
} */

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__split-label {
	max-width: 0;
	opacity: 0;
	padding: 0;
	overflow: hidden;
}



/* Desktop collapse: show active currency only; hover OR click expands full list. */
.themx-wcmc-bar--collapsed:not(.is-expanded) .themx-wcmc-bar__list>li:not(.is-active-currency),
.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__list>li:not(.is-active-currency) {
	display: none;
}

.themx-wcmc-bar--collapsed:not(.is-expanded) .themx-wcmc-bar__list>li.is-active-currency,
.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__list>li.is-active-currency {
	display: list-item !important;
}


/* Collapse + hover (click-to-expand off): reveal all currencies on bar hover. */
.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--collapsed:hover .themx-wcmc-bar__list>li,
.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--collapsed:focus-within .themx-wcmc-bar__list>li {
	display: list-item;
}

.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--collapsed:hover .themx-wcmc-bar__list>li,
.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--collapsed:focus-within .themx-wcmc-bar__list>li {
	display: list-item;
}

/* Hover-only collapse: no header toggle or expand button (expand on bar hover). */
.themx-wcmc-bar--collapse-hover .themx-wcmc-bar__expand-btn,
.themx-wcmc-bar--collapse-hover .themx-wcmc-bar__toggle {
	display: none !important;
}

/* Click-to-expand: no hover peek — panel stays collapsed until + is clicked. */


.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--left:hover,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--left:focus-within {
	left: calc(-200px + 55px) !important;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--right:hover,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--right:focus-within,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--right:hover,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--right:focus-within {
	right: calc(-200px + 55px) !important;
	left: auto !important;
}

.themx-wcmc-bar--click-expand:not(.is-expanded):hover .themx-wcmc-bar__list>li:not(.is-active-currency),
.themx-wcmc-bar--click-expand:not(.is-expanded):focus-within .themx-wcmc-bar__list>li:not(.is-active-currency) {
	display: none;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__header {
	max-height: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	overflow: hidden;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded .themx-wcmc-bar__header,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded:hover .themx-wcmc-bar__header,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded:focus-within .themx-wcmc-bar__header {
	max-height: 80px;
	opacity: 1;
}

/* Click expand: keep split-space panel open while expanded (until mouse leaves). */
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--left {
	left: 0 !important;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded {
	width: 300px;
	overflow: hidden;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand.is-expanded,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol.themx-wcmc-bar--click-expand.is-expanded {
	width: 200px;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded .themx-wcmc-bar__split-label {
	max-width: none;
	opacity: 1;
	padding: 0 15px;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--right {
	right: 0 !important;
	left: auto !important;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--left,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--left {
	left: 0 !important;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_code.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--right,
.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--style-flag_symbol.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--right {
	right: 0 !important;
}

.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand.is-expanded.themx-wcmc-bar--right .themx-wcmc-bar__item {
	flex-direction: row-reverse !important;
}

/* Single slide + click expand: stack flag tab and + button. */
/* .themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) {
	align-items: center;
	width: 50px;
	overflow: visible !important;
}

.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__list {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 0;
	width: auto;
	max-width: none;
} */

/* .themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__expand-btn {
	margin: 0;
	border-radius: 3px;
} */

/* Single slide + hover expand: block per-tab hover when bar is hovered. */
.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--collapsed:not(:hover):not(:focus-within) .themx-wcmc-bar__item:not(.is-active):hover,
.themx-wcmc-bar--collapse-hover.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--collapsed:not(:hover):not(:focus-within) .themx-wcmc-bar__item:not(.is-active):focus-visible {
	left: -220px;
	right: auto;
	background: var(--themx-wcmc-bg);
}

.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__item:not(.is-active):hover,
.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__item:not(.is-active):focus-visible {
	left: -220px;
	background: var(--themx-wcmc-bg);
}

.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__item.is-active {
	z-index: 3;
}

/* Single slide + click expand: show every tab when opened. */
.themx-wcmc-bar--layout-single_slide.themx-wcmc-bar--click-expand.is-expanded {
	overflow: visible;
}

/* Classic / hover-detail bar + click collapse. */
.themx-wcmc-bar--click-expand:not(.is-expanded):not(.themx-wcmc-bar--layout-split_space):not(.themx-wcmc-bar--layout-single_slide) {
	align-items: center;
}

.themx-wcmc-bar--layout-hover_detail.themx-wcmc-bar--click-expand:not(.is-expanded) {
	padding: 0;
	align-items: stretch;
}

.themx-wcmc-bar--layout-hover_detail.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__expand-btn {
	align-self: center;
	margin-left: auto;
	margin-right: 10px;
}

.themx-wcmc-list-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.themx-wcmc-list-switcher li {
	margin: 0;
}

.themx-wcmc-list-switcher__item {
	width: auto;
}

.themx-wcmc-product-switcher {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0;
}

.themx-wcmc-product-switcher__item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border: 1px solid var(--themx-wcmc-product-border);
	border-radius: 3px;
	background: var(--themx-wcmc-product-bg);
	cursor: pointer;

	.themx-wcmc-product-switcher__code,
	.themx-wcmc-product-switcher__symbol {
		color: var(--themx-wcmc-admin-text);
	}
}

.themx-wcmc-loading-mask {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 999999;
	background: var(--themx-wcmc-loading-overlay);
	align-items: center;
	justify-content: center;
}

.themx-wcmc-loading-mask.is-visible {
	display: flex;
}

.themx-wcmc-loading-mask span {
	padding: 12px 20px;
	background: var(--themx-wcmc-loading-box-bg);
	color: var(--themx-wcmc-bar-text);
	border-radius: 4px;
	font-size: 14px;
}

.themx-wcmc-product-switcher--flag_symbol{
	.themx-wcmc-product-switcher__symbol{
		margin-left: 5px;
	}
}

@media (max-width: 782px) {
	.themx-wcmc-bar {
		top: auto;
		bottom: 12px;
		transform: none;
		max-width: calc(100vw - 24px);
	}

	.themx-wcmc-bar--left,
	.themx-wcmc-bar--right,
	.themx-wcmc-bar--top-offset.themx-wcmc-bar--left,
	.themx-wcmc-bar--top-offset.themx-wcmc-bar--right {
		left: 12px;
		right: 12px;
		top: auto;
		bottom: 12px;
		transform: none;
	}

	body.themx-wcmc-bar-top .themx-wcmc-bar {
		top: auto;
		bottom: 12px;
		left: 12px;
		right: 12px;
		transform: none;
	}

	/* Mobile: keep currencies bar expanded when "Disable Collapse" is enabled. */
	.themx-wcmc-bar--mobile-no-collapse.themx-wcmc-bar--collapsed .themx-wcmc-bar__list>li,
	.themx-wcmc-bar--mobile-no-collapse.themx-wcmc-bar--click-expand:not(.is-expanded) .themx-wcmc-bar__list>li {
		display: list-item !important;
	}

	.themx-wcmc-bar--mobile-no-collapse.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--left:hover,
	.themx-wcmc-bar--mobile-no-collapse.themx-wcmc-bar--layout-split_space.themx-wcmc-bar--click-expand:not(.is-expanded).themx-wcmc-bar--right:hover {
		left: 12px;
		right: 12px;
	}
}