/* Language flags for the PUBLIC pages (landing, login, tenant registration, guest pages).
 *
 * 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 only 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.
 *
 * Only the eleven seeded languages are listed. Any other language keeps its famfamfam sprite
 * position, which still loads from the vendor bundle — a smaller flag, but never a missing one.
 *
 * Load this AFTER the Metronic/vendor bundles so it wins on source order; the doubled class in the
 * selector also keeps it ahead of the sprite's own single-class rules.
 */
.famfamfam-flags.famfamfam-flags {
    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; }