/* Xpage Multilingual — front-end language switcher */

.xpm-switcher,
.xpm-switcher * {
	box-sizing: border-box;
}

.xpm-sw-flag { font-size: 1.05em; line-height: 1; }
.xpm-sw-code { font-weight: 600; letter-spacing: .02em; }
.xpm-sw-name { white-space: nowrap; }

/* Common link/button look */
.xpm-switcher a,
.xpm-switcher .xpm-sw-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	color: inherit;
	line-height: 1.4;
}

/* Inline (horizontal) */
.xpm-switcher-inline {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.xpm-switcher-inline li { margin: 0; }
.xpm-switcher-inline .xpm-sw-active a { font-weight: 700; }

/* Vertical list */
.xpm-switcher-vertical {
	display: flex;
	flex-direction: column;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.xpm-switcher-vertical .xpm-sw-active a { font-weight: 700; }

/* Dropdown */
.xpm-switcher-dropdown {
	position: relative;
	display: inline-block;
}
.xpm-sw-toggle {
	cursor: pointer;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	padding: 6px 10px;
	font: inherit;
	color: inherit;
}
.xpm-sw-caret { font-size: .8em; opacity: .7; }
.xpm-sw-menu {
	position: absolute;
	z-index: 9999;
	top: calc(100% + 4px);
	left: 0;
	min-width: 100%;
	margin: 0;
	padding: 4px;
	list-style: none;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
	display: none;
}
.xpm-switcher-dropdown.xpm-open .xpm-sw-menu { display: block; }
.xpm-sw-menu li { margin: 0; }
.xpm-sw-menu a {
	padding: 6px 10px;
	border-radius: 4px;
	white-space: nowrap;
}
.xpm-sw-menu a:hover { background: #f2f4f7; }
.xpm-sw-menu .xpm-sw-active a { font-weight: 700; }

/* Floating corner */
.xpm-switcher-floating {
	position: fixed;
	/* Very high so it sits above chat/WhatsApp floating buttons. */
	z-index: 2147483000;
}
.xpm-float-top-left { top: 16px; left: 16px; }
.xpm-float-top-right { top: 16px; right: 16px; }
.xpm-float-bottom-left { bottom: 16px; left: 16px; }
/* Nudge bottom-right up a bit so it clears a bottom-right chat bubble. */
.xpm-float-bottom-right { bottom: 84px; right: 16px; }

/* Floating dropdowns near the bottom should open upward */
.xpm-float-bottom-left .xpm-sw-menu,
.xpm-float-bottom-right .xpm-sw-menu {
	top: auto;
	bottom: calc(100% + 4px);
}
.xpm-float-top-right .xpm-sw-menu,
.xpm-float-bottom-right .xpm-sw-menu {
	left: auto;
	right: 0;
}

/* Menu-item variant: don't force block layout inside themes' menus */
.xpm-switcher-menu-item .xpm-switcher-inline { gap: 4px 10px; }