/* Flagi PL/EN/TR z M2Saga: apps/client/src/ui/shell/navbar.css. DE w tym samym stylu. */
.locale-flag {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 14px;
  flex: 0 0 22px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ffffff28;
}
.locale-flag-pl { background: linear-gradient(#f5f3ee 50%, #c23c47 50%); }
.locale-flag-en {
  background:
    linear-gradient(90deg, transparent 42%, #c33d45 42% 58%, transparent 58%),
    linear-gradient(transparent 36%, #c33d45 36% 64%, transparent 64%),
    linear-gradient(90deg, transparent 36%, #f6f1e3 36% 64%, transparent 64%),
    linear-gradient(transparent 28%, #f6f1e3 28% 72%, transparent 72%),
    linear-gradient(33deg, transparent 40%, #eee9df 40% 48%, #be3941 48% 53%, #eee9df 53% 59%, transparent 59%),
    linear-gradient(-33deg, transparent 40%, #eee9df 40% 48%, #be3941 48% 53%, #eee9df 53% 59%, transparent 59%),
    #21375d;
}
.locale-flag-de { background: linear-gradient(#1d1d1d 33.333%, #c23c47 33.333% 66.667%, #e3ba57 66.667%); }
.locale-flag-tr { background: #bb3540; }
.locale-flag-tr::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f5eee1;
}
.locale-flag-tr::after {
  content: "★";
  position: absolute;
  left: 8px;
  top: 1px;
  width: 11px;
  height: 12px;
  border-radius: 50%;
  background: #bb3540;
  color: #f5eee1;
  font-size: 9px;
  text-align: right;
  line-height: 13px;
}