/* Language and currency segmented controls in the XStore mobile menu. */
.mobile-menu-content .hms {
	margin: 2px 0 14px;
	padding: 0 0 16px;
	border-bottom: 1px solid #ece6e1;
	font-family: Raleway, sans-serif;
}
.mobile-menu-content .hms-row + .hms-row { margin-top: 12px; }

.mobile-menu-content .hms-title {
	display: block;
	margin: 0 0 6px 2px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8c8580;
}

.mobile-menu-content .hms-seg,
.mobile-menu-content .hms-seg.wcml_currency_switcher {
	display: flex;
	gap: 4px;
	width: 100%;
	margin: 0;
	padding: 4px;
	background: #f5f0ec;
	border: 1px solid #ebe3dd;
	border-radius: 12px;
	box-sizing: border-box;
}

.mobile-menu-content .hms .hms-opt {
	position: relative;
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 40px;
	margin: 0;
	padding: 0 6px;
	border-radius: 9px;
	font-family: Raleway, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .05em;
	color: #3a3330;
	text-decoration: none;
	background: transparent;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .1s ease;
}
.mobile-menu-content .hms .hms-opt:active { transform: scale(.97); }

.mobile-menu-content .hms .hms-opt.is-active,
.mobile-menu-content .hms .hms-opt.is-active:hover {
	background: #992238;
	color: #fff;
	box-shadow: 0 2px 6px rgba(153, 34, 56, .28);
	cursor: default;
}

.mobile-menu-content .hms .hms-sym { font-size: 15px; font-weight: 700; color: #992238; }
.mobile-menu-content .hms .hms-opt.is-active .hms-sym { color: #fff; }

/* Tap feedback while the currency switch or the language page loads. */
.mobile-menu-content .hms .hms-opt.is-loading { color: transparent; }
.mobile-menu-content .hms .hms-opt.is-loading .hms-sym { color: transparent; }
.mobile-menu-content .hms .hms-opt.is-loading::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(153, 34, 56, .25);
	border-top-color: #992238;
	border-radius: 50%;
	animation: hms-spin .7s linear infinite;
}
.mobile-menu-content .hms .wcml-spinner { display: none; }
@keyframes hms-spin { to { transform: rotate(360deg); } }

/* The chat bubble sits on top of the open menu. */
@media (max-width: 992px) {
	html.et-mini-content-opened .aio-contact-trigger,
	html.et-mini-content-opened .aio-contact-floating {
		opacity: 0;
		pointer-events: none;
	}
}