/* Unruly language switcher */
.unruly-switcher { position: relative; display: inline-block; font-size: 14px; line-height: 1.4; }
.unruly-switcher .unruly-flag { margin-right: 6px; }

/* Dropdown */
.unruly-switcher .unruly-toggle {
	display: inline-flex; align-items: center; gap: 4px;
	background: #fff; border: 1px solid #d5d8dc; border-radius: 6px;
	padding: 6px 12px; cursor: pointer; color: #1e2327;
}
.unruly-switcher .unruly-toggle:hover { border-color: #6366f1; }
.unruly-switcher .unruly-caret { font-size: 10px; opacity: .7; }
.unruly-switcher .unruly-menu {
	position: absolute; top: 100%; left: 0; margin: 4px 0 0; padding: 4px; list-style: none;
	background: #fff; border: 1px solid #d5d8dc; border-radius: 6px;
	box-shadow: 0 6px 20px rgba(0,0,0,.12); min-width: 160px; z-index: 99999;
	opacity: 0; visibility: hidden; transform: translateY(-4px); transition: .15s ease;
}
.unruly-switcher.open .unruly-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.unruly-switcher .unruly-menu li { margin: 0; }
.unruly-switcher .unruly-menu a {
	display: flex; align-items: center; padding: 8px 10px; border-radius: 4px;
	text-decoration: none; color: #1e2327;
}
.unruly-switcher .unruly-menu a:hover { background: #f0f1ff; color: #4338ca; }
.unruly-switcher .unruly-menu li.active a { font-weight: 600; }

/* Inline list */
.unruly-switcher .unruly-inline-list { display: flex; gap: 12px; list-style: none; margin: 0; padding: 0; }
.unruly-switcher .unruly-inline-list a { text-decoration: none; color: inherit; }
.unruly-switcher .unruly-inline-list li.active a { font-weight: 700; }

/* Floating */
.unruly-switcher.unruly-floating {
	position: fixed; bottom: 24px; right: 24px; z-index: 2147483000;
	box-shadow: 0 4px 14px rgba(0,0,0,.18); border-radius: 8px;
}
.unruly-switcher.unruly-floating .unruly-menu { top: auto; bottom: 100%; margin: 0 0 4px; }