/* =========================================================================
   SvetX Comparatore Tariffe — bandiere dei paesi nei popup

   Una sola immagine per tutte le bandiere (assets/img/flags.webp, 72 KB):
   una richiesta sola, nessun servizio esterno, niente dati che escono dal
   sito. Le posizioni sono in fondo a questo foglio, generate insieme
   all'immagine.
   ========================================================================= */

.stc-flag {
	display: inline-block;
	flex: none;
	width: 20px;
	height: 15px;
	border-radius: 2px;
	background-image: url(../img/flags.webp);
	background-size: 320px 240px;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 1px rgba(16, 24, 40, .14) inset;
	vertical-align: -2px;
}

/* Variante a emoji: nessuna immagine da caricare. */
.stc-flag-emoji {
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font-size: 1.15em;
	line-height: 1;
	vertical-align: -1px;
}

/* Voce senza paese riconosciuto: al posto della bandiera resta il pallino,
   così l'elenco resta allineato. */
.stc-flag-none {
	position: relative;
	display: inline-block;
	flex: none;
	width: 20px;
	height: 15px;
}

.stc-flag-none::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--stc-accent, #0a84ff);
}

.stc-popup-list.stc-popup-flags li {
	display: flex;
	align-items: center;
	gap: 9px;
	padding-left: 0;
}

.stc-popup-list.stc-popup-flags li::before {
	display: none;
}

.stc-flag-name {
	min-width: 0;
}

/* Popup scritti in HTML, qui o in SvetX Popup Studio: la bandiera entra
   davanti al testo della voce. */
.stc-popup-html.stc-popup-flags li {
	list-style: none;
}

li > .stc-flag,
li > .stc-flag-emoji,
li > b > .stc-flag,
li > strong > .stc-flag,
li > span > .stc-flag {
	margin-right: 8px;
}

@media (prefers-color-scheme: dark) {
	.stc-flag {
		box-shadow: 0 0 0 1px rgba(255, 255, 255, .18) inset;
	}
}

/* =========================================================================
   Bandiere dei paesi — immagine unica, una regola per paese.
   Generato automaticamente: non modificare a mano.
   ========================================================================= */

.stc-flag-ad { background-position: -0px -0px; }
.stc-flag-ae { background-position: -20px -0px; }
.stc-flag-af { background-position: -40px -0px; }
.stc-flag-ag { background-position: -60px -0px; }
.stc-flag-ai { background-position: -80px -0px; }
.stc-flag-al { background-position: -100px -0px; }
.stc-flag-am { background-position: -120px -0px; }
.stc-flag-ao { background-position: -140px -0px; }
.stc-flag-aq { background-position: -160px -0px; }
.stc-flag-ar { background-position: -180px -0px; }
.stc-flag-as { background-position: -200px -0px; }
.stc-flag-at { background-position: -220px -0px; }
.stc-flag-au { background-position: -240px -0px; }
.stc-flag-aw { background-position: -260px -0px; }
.stc-flag-ax { background-position: -280px -0px; }
.stc-flag-az { background-position: -300px -0px; }
.stc-flag-ba { background-position: -0px -15px; }
.stc-flag-bb { background-position: -20px -15px; }
.stc-flag-bd { background-position: -40px -15px; }
.stc-flag-be { background-position: -60px -15px; }
.stc-flag-bf { background-position: -80px -15px; }
.stc-flag-bg { background-position: -100px -15px; }
.stc-flag-bh { background-position: -120px -15px; }
.stc-flag-bi { background-position: -140px -15px; }
.stc-flag-bj { background-position: -160px -15px; }
.stc-flag-bl { background-position: -180px -15px; }
.stc-flag-bm { background-position: -200px -15px; }
.stc-flag-bn { background-position: -220px -15px; }
.stc-flag-bo { background-position: -240px -15px; }
.stc-flag-bq { background-position: -260px -15px; }
.stc-flag-br { background-position: -280px -15px; }
.stc-flag-bs { background-position: -300px -15px; }
.stc-flag-bt { background-position: -0px -30px; }
.stc-flag-bv { background-position: -20px -30px; }
.stc-flag-bw { background-position: -40px -30px; }
.stc-flag-by { background-position: -60px -30px; }
.stc-flag-bz { background-position: -80px -30px; }
.stc-flag-ca { background-position: -100px -30px; }
.stc-flag-cc { background-position: -120px -30px; }
.stc-flag-cd { background-position: -140px -30px; }
.stc-flag-cf { background-position: -160px -30px; }
.stc-flag-cg { background-position: -180px -30px; }
.stc-flag-ch { background-position: -200px -30px; }
.stc-flag-ci { background-position: -220px -30px; }
.stc-flag-ck { background-position: -240px -30px; }
.stc-flag-cl { background-position: -260px -30px; }
.stc-flag-cm { background-position: -280px -30px; }
.stc-flag-cn { background-position: -300px -30px; }
.stc-flag-co { background-position: -0px -45px; }
.stc-flag-cr { background-position: -20px -45px; }
.stc-flag-cu { background-position: -40px -45px; }
.stc-flag-cv { background-position: -60px -45px; }
.stc-flag-cw { background-position: -80px -45px; }
.stc-flag-cx { background-position: -100px -45px; }
.stc-flag-cy { background-position: -120px -45px; }
.stc-flag-cz { background-position: -140px -45px; }
.stc-flag-de { background-position: -160px -45px; }
.stc-flag-dj { background-position: -180px -45px; }
.stc-flag-dk { background-position: -200px -45px; }
.stc-flag-dm { background-position: -220px -45px; }
.stc-flag-do { background-position: -240px -45px; }
.stc-flag-dz { background-position: -260px -45px; }
.stc-flag-ec { background-position: -280px -45px; }
.stc-flag-ee { background-position: -300px -45px; }
.stc-flag-eg { background-position: -0px -60px; }
.stc-flag-eh { background-position: -20px -60px; }
.stc-flag-er { background-position: -40px -60px; }
.stc-flag-es { background-position: -60px -60px; }
.stc-flag-et { background-position: -80px -60px; }
.stc-flag-fi { background-position: -100px -60px; }
.stc-flag-fj { background-position: -120px -60px; }
.stc-flag-fk { background-position: -140px -60px; }
.stc-flag-fm { background-position: -160px -60px; }
.stc-flag-fo { background-position: -180px -60px; }
.stc-flag-fr { background-position: -200px -60px; }
.stc-flag-ga { background-position: -220px -60px; }
.stc-flag-gb { background-position: -240px -60px; }
.stc-flag-gd { background-position: -260px -60px; }
.stc-flag-ge { background-position: -280px -60px; }
.stc-flag-gf { background-position: -300px -60px; }
.stc-flag-gg { background-position: -0px -75px; }
.stc-flag-gh { background-position: -20px -75px; }
.stc-flag-gi { background-position: -40px -75px; }
.stc-flag-gl { background-position: -60px -75px; }
.stc-flag-gm { background-position: -80px -75px; }
.stc-flag-gn { background-position: -100px -75px; }
.stc-flag-gp { background-position: -120px -75px; }
.stc-flag-gq { background-position: -140px -75px; }
.stc-flag-gr { background-position: -160px -75px; }
.stc-flag-gs { background-position: -180px -75px; }
.stc-flag-gt { background-position: -200px -75px; }
.stc-flag-gu { background-position: -220px -75px; }
.stc-flag-gw { background-position: -240px -75px; }
.stc-flag-gy { background-position: -260px -75px; }
.stc-flag-hk { background-position: -280px -75px; }
.stc-flag-hm { background-position: -300px -75px; }
.stc-flag-hn { background-position: -0px -90px; }
.stc-flag-hr { background-position: -20px -90px; }
.stc-flag-ht { background-position: -40px -90px; }
.stc-flag-hu { background-position: -60px -90px; }
.stc-flag-id { background-position: -80px -90px; }
.stc-flag-ie { background-position: -100px -90px; }
.stc-flag-il { background-position: -120px -90px; }
.stc-flag-im { background-position: -140px -90px; }
.stc-flag-in { background-position: -160px -90px; }
.stc-flag-io { background-position: -180px -90px; }
.stc-flag-iq { background-position: -200px -90px; }
.stc-flag-ir { background-position: -220px -90px; }
.stc-flag-is { background-position: -240px -90px; }
.stc-flag-it { background-position: -260px -90px; }
.stc-flag-je { background-position: -280px -90px; }
.stc-flag-jm { background-position: -300px -90px; }
.stc-flag-jo { background-position: -0px -105px; }
.stc-flag-jp { background-position: -20px -105px; }
.stc-flag-ke { background-position: -40px -105px; }
.stc-flag-kg { background-position: -60px -105px; }
.stc-flag-kh { background-position: -80px -105px; }
.stc-flag-ki { background-position: -100px -105px; }
.stc-flag-km { background-position: -120px -105px; }
.stc-flag-kn { background-position: -140px -105px; }
.stc-flag-kp { background-position: -160px -105px; }
.stc-flag-kr { background-position: -180px -105px; }
.stc-flag-kw { background-position: -200px -105px; }
.stc-flag-ky { background-position: -220px -105px; }
.stc-flag-kz { background-position: -240px -105px; }
.stc-flag-la { background-position: -260px -105px; }
.stc-flag-lb { background-position: -280px -105px; }
.stc-flag-lc { background-position: -300px -105px; }
.stc-flag-li { background-position: -0px -120px; }
.stc-flag-lk { background-position: -20px -120px; }
.stc-flag-lr { background-position: -40px -120px; }
.stc-flag-ls { background-position: -60px -120px; }
.stc-flag-lt { background-position: -80px -120px; }
.stc-flag-lu { background-position: -100px -120px; }
.stc-flag-lv { background-position: -120px -120px; }
.stc-flag-ly { background-position: -140px -120px; }
.stc-flag-ma { background-position: -160px -120px; }
.stc-flag-mc { background-position: -180px -120px; }
.stc-flag-md { background-position: -200px -120px; }
.stc-flag-me { background-position: -220px -120px; }
.stc-flag-mf { background-position: -240px -120px; }
.stc-flag-mg { background-position: -260px -120px; }
.stc-flag-mh { background-position: -280px -120px; }
.stc-flag-mk { background-position: -300px -120px; }
.stc-flag-ml { background-position: -0px -135px; }
.stc-flag-mm { background-position: -20px -135px; }
.stc-flag-mn { background-position: -40px -135px; }
.stc-flag-mo { background-position: -60px -135px; }
.stc-flag-mp { background-position: -80px -135px; }
.stc-flag-mq { background-position: -100px -135px; }
.stc-flag-mr { background-position: -120px -135px; }
.stc-flag-ms { background-position: -140px -135px; }
.stc-flag-mt { background-position: -160px -135px; }
.stc-flag-mu { background-position: -180px -135px; }
.stc-flag-mv { background-position: -200px -135px; }
.stc-flag-mw { background-position: -220px -135px; }
.stc-flag-mx { background-position: -240px -135px; }
.stc-flag-my { background-position: -260px -135px; }
.stc-flag-mz { background-position: -280px -135px; }
.stc-flag-na { background-position: -300px -135px; }
.stc-flag-nc { background-position: -0px -150px; }
.stc-flag-ne { background-position: -20px -150px; }
.stc-flag-nf { background-position: -40px -150px; }
.stc-flag-ng { background-position: -60px -150px; }
.stc-flag-ni { background-position: -80px -150px; }
.stc-flag-nl { background-position: -100px -150px; }
.stc-flag-no { background-position: -120px -150px; }
.stc-flag-np { background-position: -140px -150px; }
.stc-flag-nr { background-position: -160px -150px; }
.stc-flag-nu { background-position: -180px -150px; }
.stc-flag-nz { background-position: -200px -150px; }
.stc-flag-om { background-position: -220px -150px; }
.stc-flag-pa { background-position: -240px -150px; }
.stc-flag-pe { background-position: -260px -150px; }
.stc-flag-pf { background-position: -280px -150px; }
.stc-flag-pg { background-position: -300px -150px; }
.stc-flag-ph { background-position: -0px -165px; }
.stc-flag-pk { background-position: -20px -165px; }
.stc-flag-pl { background-position: -40px -165px; }
.stc-flag-pm { background-position: -60px -165px; }
.stc-flag-pn { background-position: -80px -165px; }
.stc-flag-pr { background-position: -100px -165px; }
.stc-flag-ps { background-position: -120px -165px; }
.stc-flag-pt { background-position: -140px -165px; }
.stc-flag-pw { background-position: -160px -165px; }
.stc-flag-py { background-position: -180px -165px; }
.stc-flag-qa { background-position: -200px -165px; }
.stc-flag-re { background-position: -220px -165px; }
.stc-flag-ro { background-position: -240px -165px; }
.stc-flag-rs { background-position: -260px -165px; }
.stc-flag-ru { background-position: -280px -165px; }
.stc-flag-rw { background-position: -300px -165px; }
.stc-flag-sa { background-position: -0px -180px; }
.stc-flag-sb { background-position: -20px -180px; }
.stc-flag-sc { background-position: -40px -180px; }
.stc-flag-sd { background-position: -60px -180px; }
.stc-flag-se { background-position: -80px -180px; }
.stc-flag-sg { background-position: -100px -180px; }
.stc-flag-sh { background-position: -120px -180px; }
.stc-flag-si { background-position: -140px -180px; }
.stc-flag-sj { background-position: -160px -180px; }
.stc-flag-sk { background-position: -180px -180px; }
.stc-flag-sl { background-position: -200px -180px; }
.stc-flag-sm { background-position: -220px -180px; }
.stc-flag-sn { background-position: -240px -180px; }
.stc-flag-so { background-position: -260px -180px; }
.stc-flag-sr { background-position: -280px -180px; }
.stc-flag-ss { background-position: -300px -180px; }
.stc-flag-st { background-position: -0px -195px; }
.stc-flag-sv { background-position: -20px -195px; }
.stc-flag-sx { background-position: -40px -195px; }
.stc-flag-sy { background-position: -60px -195px; }
.stc-flag-sz { background-position: -80px -195px; }
.stc-flag-tc { background-position: -100px -195px; }
.stc-flag-td { background-position: -120px -195px; }
.stc-flag-tf { background-position: -140px -195px; }
.stc-flag-tg { background-position: -160px -195px; }
.stc-flag-th { background-position: -180px -195px; }
.stc-flag-tj { background-position: -200px -195px; }
.stc-flag-tk { background-position: -220px -195px; }
.stc-flag-tl { background-position: -240px -195px; }
.stc-flag-tm { background-position: -260px -195px; }
.stc-flag-tn { background-position: -280px -195px; }
.stc-flag-to { background-position: -300px -195px; }
.stc-flag-tr { background-position: -0px -210px; }
.stc-flag-tt { background-position: -20px -210px; }
.stc-flag-tv { background-position: -40px -210px; }
.stc-flag-tw { background-position: -60px -210px; }
.stc-flag-tz { background-position: -80px -210px; }
.stc-flag-ua { background-position: -100px -210px; }
.stc-flag-ug { background-position: -120px -210px; }
.stc-flag-um { background-position: -140px -210px; }
.stc-flag-us { background-position: -160px -210px; }
.stc-flag-uy { background-position: -180px -210px; }
.stc-flag-uz { background-position: -200px -210px; }
.stc-flag-va { background-position: -220px -210px; }
.stc-flag-vc { background-position: -240px -210px; }
.stc-flag-ve { background-position: -260px -210px; }
.stc-flag-vg { background-position: -280px -210px; }
.stc-flag-vi { background-position: -300px -210px; }
.stc-flag-vn { background-position: -0px -225px; }
.stc-flag-vu { background-position: -20px -225px; }
.stc-flag-wf { background-position: -40px -225px; }
.stc-flag-ws { background-position: -60px -225px; }
.stc-flag-xk { background-position: -80px -225px; }
.stc-flag-ye { background-position: -100px -225px; }
.stc-flag-yt { background-position: -120px -225px; }
.stc-flag-za { background-position: -140px -225px; }
.stc-flag-zm { background-position: -160px -225px; }
.stc-flag-zw { background-position: -180px -225px; }