/* ============================================================================
   GLOBAL FLAGS STYLES
   Uniwersalne style dla flag używane w całym projekcie
   ============================================================================ */
/* Flagi z CDN (flagcdn.com) */

/* frontend\src\css\flags_global.css */

.rank-flag-img,
.flag-img {
    width: 18px;
    height: 13px;
    display: inline-block;
    filter: drop-shadow(0 0 0 #000) 
            drop-shadow(1px 0 0 #000)
            drop-shadow(-1px 0 0 #000)
            drop-shadow(0 1px 0 #000)
            drop-shadow(0 -1px 0 #000);
    margin-right: 4px;
}

/* Flagi lokalne (PNG z /icons/flags/) */
.rank-flag,
.user-flag,
.flag {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    display: inline-block;
    filter: drop-shadow(0 0 0 #000) 
            drop-shadow(1px 0 0 #000)
            drop-shadow(-1px 0 0 #000)
            drop-shadow(0 1px 0 #000)
            drop-shadow(0 -1px 0 #000);
    margin-right: 4px;
}

/* Większe flagi (opcjonalne) */
.flag-large {
    width: 32px;
    height: 24px;
}

.flag-small {
    width: 12px;
    height: 9px;
}