/* Language flags, everywhere one is drawn: the public pages (landing, login, tenant registration)
 * and the signed-in application shell.
 *
 * The languages are seeded with famfamfam class names ("famfamfam-flags hr", see
 * DefaultLanguagesCreator) and those strings live in the AbpLanguages table, so they are NOT
 * changed here. This file re-points the same classes at SVG artwork: lipis/flag-icons (MIT),
 * copied into Common/Images/flags/. The famfamfam sprite was a 16x11 bitmap from 2008 — tiny, and
 * soft the moment it was scaled or shown on a hi-DPI screen. SVG stays crisp, so the flags render
 * at 20x15 instead.
 *
 * The same eleven flags at the same size dress www.avento.hr, so the company site and the product
 * sites read as one family.
 *
 * ⚠ This file is now the ONLY thing that draws a flag. The famfamfam sprite it used to override
 * has been removed from the style bundles entirely, so the eleven listed below are the whole set:
 * a language enabled later gets a correctly sized empty box, not a smaller flag. Add its SVG to
 * Common/Images/flags/ and a line here when that happens.
 *
 * The doubled class in the base selector is left over from having to outrank the sprite's own
 * single-class rules. It is harmless and still useful against Metronic, so it stays.
 */
.famfamfam-flags.famfamfam-flags {
    /* The <i> these classes land on is inline by default, which would ignore width and height.
       This used to come from a "FamFamFam Flags" block in core.less, left behind when the sprite
       itself was replaced; it moved here so one file owns everything about a flag. */
    display: inline-block;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
    vertical-align: middle;
}

.famfamfam-flags.us { background-image: url(../Images/flags/us.svg); }
.famfamfam-flags.de { background-image: url(../Images/flags/de.svg); }
.famfamfam-flags.it { background-image: url(../Images/flags/it.svg); }
.famfamfam-flags.cz { background-image: url(../Images/flags/cz.svg); }
.famfamfam-flags.si { background-image: url(../Images/flags/si.svg); }
.famfamfam-flags.pl { background-image: url(../Images/flags/pl.svg); }
.famfamfam-flags.hr { background-image: url(../Images/flags/hr.svg); }
.famfamfam-flags.fr { background-image: url(../Images/flags/fr.svg); }
.famfamfam-flags.ru { background-image: url(../Images/flags/ru.svg); }
.famfamfam-flags.cn { background-image: url(../Images/flags/cn.svg); }
.famfamfam-flags.es { background-image: url(../Images/flags/es.svg); }

/* The dropdown entries put the flag in a .symbol box sized for the old 16px sprite. */
.menu .symbol.symbol-20px .famfamfam-flags.famfamfam-flags { width: 20px; height: 15px; }