/*
 * Flag sprite CSS — subset for supported languages only.
 * Sprite image from PrimeReact CDN (same source as the full flags.css used by the React app).
 * Full file: src/common/style/flags.css
 */
.flag {
    background: url("https://primefaces.org/cdn/primereact/images/flag/flags_responsive.png") no-repeat;
    background-size: 100%;
    vertical-align: middle;
    display: inline-block;
}
span.flag { width: 44px; height: 30px; }
img.flag   { width: 30px; }

.flag-de { background-position: 0 22.31405%;   }   /* German */
.flag-dk { background-position: 0 23.140496%;  }   /* Danish  (da → dk) */
.flag-es { background-position: 0 26.859504%;  }   /* Spanish */
.flag-fi { background-position: 0 27.68595%;   }   /* Finnish */
.flag-fr { background-position: 0 29.752066%;  }   /* French  */
.flag-gb,
.flag-uk { background-position: 0 92.561983%;  }   /* English (en → gb) */
.flag-no { background-position: 0 65.702479%;  }   /* Norwegian */
.flag-se { background-position: 0 77.68595%;   }   /* Swedish (sv → se) */