/**
 * Icone eventi: Phosphor Icons, stile Light.
 * Usate in "Dettagli evento" (singolo evento), nel widget Events List e
 * nell'archivio eventi (data e luogo nelle card).
 *
 * Lo stile richiesto (Font Awesome "fa-light") esiste solo in Font Awesome Pro:
 * Phosphor Light è gratuito (licenza MIT, assets/fonts/phosphor/LICENSE.txt)
 * e ha lo stesso tratto sottile. Font incluso nel plugin, nessun CDN.
 * Le classi "ph-*" e il nome del font sono propri, quindi non interferiscono
 * con Font Awesome 4.7 del tema ("fa fa-*").
 *
 * Markup: <i class="ph-light ph-map-pin" aria-hidden="true"></i>
 * Per aggiungere un'icona: cercarla su phosphoricons.com (stile Light),
 * prendere il codice da https://cdn.jsdelivr.net/npm/@phosphor-icons/web/src/light/style.css
 * e aggiungere una riga ".ph-light.ph-nome::before".
 */

@font-face {
	font-family: "Ukraine Phosphor Light";
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url("../fonts/phosphor/Phosphor-Light.woff2") format("woff2");
}

.ph-light {
	display: inline-block;
	font-family: "Ukraine Phosphor Light";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Codici icona (Phosphor Light) */
.ph-light.ph-map-pin::before        { content: "\e316"; }
.ph-light.ph-calendar-blank::before { content: "\e10a"; }
.ph-light.ph-folder-open::before    { content: "\e256"; }
.ph-light.ph-check-circle::before   { content: "\e184"; }

/* Dimensioni per contesto */
.ukraine-event-details-icon .ph-light {
	font-size: 22px;
}

.ukraine-evlist-meta-row .ph-light,
.ukraine-event-list-meta .ph-light {
	flex-shrink: 0;
	font-size: 20px;
	color: #fcbf00;
}