/*
  RiumDolomiti — Emoji Alignment Fixes
  Caricato dopo il <style> inline per sovrascrivere (stessa specificity, ordine cascade).
*/

/* animations.js wrappa ogni emoji in .em — centrarla verticalmente */
.em { vertical-align: middle; }

/* Hero badges (homepage) e hero-tag chips (esplora, la-casa, ecc.) */
.badge,
.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Lang bar — testo IT/EN allineato verticalmente */
.lang-bar a {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

/* Experience card: emoji grande centrata con i badge testo */
.exp-top { align-items: center; }

/* Distanza icone in esplora */
.dist-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Explore card icons (homepage) */
.explore-icon {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/* Mobile: evita che badge si stretchino a full-width in flex parent */
@media (max-width: 600px) {
  .badge,
  .hero-tag { align-self: flex-start; }
}