/*
 * WPML overrides — geladen auf jeder Frontend-Seite, weil das Sprach-
 * Menü im Header steht (auch auf Pages, die kunstwerke-frontend.css
 * nicht laden).
 */

/*
 * Flag-Icon-Größe begrenzen.
 *
 * WPMLs <img> hat width=18 height=12 als HTML-Attribute. Themes wie
 * Kadence überschreiben das mit `img { max-width: 100% }`, was bei
 * SVG-Flaggen ohne intrinsische Größe zu Stretching auf volle Submenu-
 * Item-Breite führt — die UK-Flagge fließt aufs ganze Flyout-Item.
 * Hier setzen wir zurück auf 18x12 (WPML-Default).
 */
.wpml-ls-flag {
	width: 18px !important;
	height: auto !important;
	display: inline-block;
	vertical-align: middle;
}

/*
 * Submenu-Container auf Flag-Breite zusammenfallen lassen UND rechts-
 * bündig zum Parent-Menüpunkt ausrichten, damit die UK-Flagge unter
 * der DE-Flagge sitzt (statt am linken Rand des Menü-Items zu kleben).
 *
 * Kadence setzt `.sub-menu { min-width: 200px; left: 0 }` per Default.
 * Wir kollabieren auf den Inhalt + verschieben rechts-bündig.
 */
.wpml-ls-menu-item > .sub-menu,
.wpml-ls-menu-item .sub-menu {
	min-width: 0 !important;
	width: auto !important;
	left: auto !important;
	right: 0 !important;
}

/* Submenu-Item-Padding kompakt — sonst bleibt um die Flagge viel Luft. */
.wpml-ls-menu-item .sub-menu .wpml-ls-item,
.wpml-ls-menu-item .sub-menu .wpml-ls-item > a {
	min-width: 0 !important;
	width: auto !important;
}

.wpml-ls-menu-item .sub-menu .wpml-ls-item > a {
	padding: 0.6em 0.9em !important;
	display: inline-flex;
	align-items: center;
}