/* =============================================================
   yv-icons.css
   Replaces Font Awesome 4.x for YourViews2022.
   All icons are inline SVG <svg class="yvi yvi-{name}">.
   ============================================================= */

.yvi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  flex-shrink: 0;
  line-height: 1;
}

/* Size modifiers — mirrors fa-2x / fa-4x / fa-5x */
.yvi-2x { width: 2em; height: 2em; }
.yvi-3x { width: 3em; height: 3em; }
.yvi-4x { width: 4em; height: 4em; }
.yvi-5x { width: 5em; height: 5em; }

/* fa class aliases kept so existing CSS selectors still match */
.fa { display: inline-block; }
.fa-2x { font-size: 2em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* blink animation (used on paper-plane icon in header) */
@keyframes blink {
  0%,100% { opacity: 1; }
  50%      { opacity: .4; }
}
.blink { animation: blink 1.4s ease-in-out infinite; }

/* heart colour for liked state */
.heart-color { color: #D95F3B; }