/* Kielivalitsin: näkyvä lippu toimii suorana linkkinä toiseen kieleen */

.cpel-switcher__nav {
  position: relative !important;
  display: inline-block !important;
  width: 34px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cpel-switcher__toggle {
  display: block !important;
  width: 34px !important;
  height: 28px !important;
  pointer-events: none !important;
}

.cpel-switcher__toggle > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 28px !important;
  padding: 0 !important;
}

.cpel-switcher__flag {
  display: block !important;
  width: 21px !important;
  height: 15px !important;
}

.cpel-switcher__flag img {
  display: block !important;
  width: 21px !important;
  height: 15px !important;
  max-width: none !important;
}

.cpel-switcher__icon {
  display: none !important;
}

/*
 * Toisen kielen linkki asetetaan näkymättömänä
 * nykyisen lipun päälle.
 */
.cpel-switcher__list {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 100 !important;

  width: 34px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.cpel-switcher__list > li,
.cpel-switcher__list > li > a {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 34px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Piilotetaan kohdekielen lippu, mutta säilytetään sen linkki klikattavana. */
.cpel-switcher__list .cpel-switcher__flag,
.cpel-switcher__list img {
  width: 34px !important;
  height: 28px !important;
  opacity: 0 !important;
}