/* === Easti Icon System (base) === */
.easti-icon{
  display:inline-block;
  width:1em;
  height:1em;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  vertical-align:middle;
  line-height:1;
}

/* Size helpers */
.easti-icon--sm{ width:0.875em; height:0.875em; }
.easti-icon--md{ width:1.25em; height:1.25em; }
.easti-icon--lg{ width:1.5em; height:1.5em; }

/* Spacing helper for text+icon */
.easti-icon + .easti-label,
.easti-label + .easti-icon{ margin-left:0.35em; }

/* Mask mode: single-color, inherits currentColor */
.easti-icon--mask{
  background:none;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  -webkit-mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  mask-position:center;
}

/* The class→URL rules for each icon are injected inline by PHP:
   .easti-icon-<name> { background-image:url(...) }
   .easti-icon--mask.easti-icon-<name> { -webkit-mask-image:url(...); mask-image:url(...) } */