/**
 * ETETA Language Switcher — flag icons
 * Uses inline SVG flags (not emoji) so the icons render as real flag
 * graphics on every OS/browser, including Windows, where flag emoji
 * are not supported and would otherwise fall back to plain text.
 */

.lang-flag {
  display: inline-block;
  width: 20px;
  height: 14px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  vertical-align: middle;
  flex-shrink: 0;
}

.lang-switcher .lang-current-code {
  font-size: 13px;
  letter-spacing: 0.03em;
}

.lang-switcher .lang-option {
  gap: 8px;
}

.flag-tz {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%231eb53a'/%3E%3Cpolygon points='30,20 30,0 0,20' fill='%2300a3dd'/%3E%3Cline x1='0' y1='20' x2='30' y2='0' stroke='%23fcd116' stroke-width='7'/%3E%3Cline x1='0' y1='20' x2='30' y2='0' stroke='%23000000' stroke-width='4'/%3E%3C/svg%3E");
}

.flag-gb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%2300247d'/%3E%3Cg stroke='%23ffffff' stroke-width='4'%3E%3Cline x1='0' y1='0' x2='30' y2='20'/%3E%3Cline x1='30' y1='0' x2='0' y2='20'/%3E%3C/g%3E%3Cg stroke='%23cf142b' stroke-width='2'%3E%3Cline x1='0' y1='0' x2='30' y2='20'/%3E%3Cline x1='30' y1='0' x2='0' y2='20'/%3E%3C/g%3E%3Crect x='12' width='6' height='20' fill='%23ffffff'/%3E%3Crect y='7' width='30' height='6' fill='%23ffffff'/%3E%3Crect x='13.5' width='3' height='20' fill='%23cf142b'/%3E%3Crect y='8.5' width='30' height='3' fill='%23cf142b'/%3E%3C/svg%3E");
}

.flag-pl {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23ffffff'/%3E%3Crect y='10' width='30' height='10' fill='%23dc143c'/%3E%3C/svg%3E");
}

/* The switcher is the last nav item, so its dropdown must open toward
   the left edge of the toggle instead of the right — otherwise it
   overflows past the viewport on desktop. */
@media (min-width: 1200px) {
  .navmenu .lang-switcher.dropdown > ul {
    left: auto;
    right: 0;
  }
}