/* Choix de la langue (Wrapper::selecteurLangue) : commun à l'application et à la home, qui ne charge pas les skin-*.css (d'où les valeurs de repli) */
.jk-lang { position: relative; flex: none; margin-left: 4px; }
.navbar .jk-lang { margin-top: 5px; } /* home : centré dans la barre, sur la ligne des icônes */
.jk-lang-btn {
	display: inline-grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0;
	border: 0; background: transparent; cursor: pointer; transition: opacity .15s;
}
.jk-lang-btn:hover, .jk-lang-btn[aria-expanded="true"] { opacity: .8; }
.jk-lang-flag { display: block; flex: none; width: 18px; height: 12px; border-radius: 2px; object-fit: cover; box-shadow: 0 0 0 1px rgba(0, 0, 0, .18); }
.jk-lang-menu {
	position: absolute; top: calc(100% + 10px); right: 0; z-index: 1040; width: 180px; padding: 6px;
	background: var(--jk-surface, #fff); color: var(--jk-fg, #1b2340); border: 1px solid var(--jk-line, #dfe3ef); border-radius: 14px;
	box-shadow: 0 18px 40px rgba(5, 8, 30, .28);
}
.jk-lang-menu[hidden] { display: none; }
.jk-lang-item {
	display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 10px; border: 0; border-radius: 10px;
	background: transparent; color: inherit; font: 600 15px/1.2 var(--jk-font-body, inherit); text-align: left; cursor: pointer;
}
.jk-lang-item:hover, .jk-lang-item:focus { background: var(--jk-chip, #eef1f8); outline: none; }
.jk-lang-item .material-icons { margin-left: auto; font-size: 20px; }