/* Dark mode varianta */
.dropdown-menu {
	display: none;
	position: absolute;
	background: #fff;
	border: 0px solid #ccc;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropdown[data-open="true"] .dropdown-menu {
	display: block;
}

.dropdown-menu li a {
	display: block;
	padding: 0px;
	text-decoration: none;
}

	/* základní vzhled vlajky v menu */
	.dropdown-menu li a img.flag {
		display: block; /* odstraní spodní mezeru */
		padding: 10px; /* prostor kolem vlajky */
		background-color: #fff; /* stejné jako pozadí menu */
		border-radius: 0px; /* jemné zaoblení, volitelné */
	}

/* Vlajka v buttonu */
.dropdown-toggle img.flag {
	display: block; /* odstraní spodní mezeru */
	padding: 10px; /* prostor kolem vlajky */
	background-color: #fff; /* stejné jako pozadí tlačítka */
	border-radius: 0px; /* volitelné zaoblení */
}

.dropdown-toggle img.flag {
	display: inline-block;
	vertical-align: middle;
	padding: 4px;
	background-color: #fff;
	border-radius: 0px;
}

.dropdown-menu li a img.flag {
	background-color: #fff;
}

.dropdown-toggle {
	background-color: #fff;
	border: none;
}

	.dropdown-toggle img.flag {
		background-color: #fff;
		border: none;
		padding: 0px;
	}

/*Rozbaleni vlajky*/

.dropdown {
	position: relative; /* aby se menu pozicovalo vůči rodiči */
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%; /* pod tlačítkem */
	left: 0;
	background: #fff;
	border: 1px solid #ccc;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 1000;
}

.dropdown:hover .dropdown-menu {
	display: block; /* zobrazí se při přejetí myší */
}