/* 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ší */
}