/**
 * آیکون‌های لوکال (SVG Sprite) - استایل مشترک
 * استفاده: <svg class="icon" aria-hidden="true"><use href="PATH/sprite.svg#icon-NAME"/></svg>
 */
.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.25em;
  color: currentColor;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  pointer-events: none;
}
.icon--sm { width: 1em; height: 1em; vertical-align: -0.2em; }
.icon--md { width: 1.25em; height: 1.25em; vertical-align: -0.25em; }
.icon--lg { width: 1.5em; height: 1.5em; vertical-align: -0.3em; }
.icon--xl { width: 2em; height: 2em; vertical-align: -0.4em; }
.icon--2xl { width: 2.5rem; height: 2.5rem; vertical-align: -0.5rem; }
.icon--3xl { width: 3rem; height: 3rem; vertical-align: -0.5rem; }

/* آیکون‌هایی که از fill استفاده می‌کنند */
.icon use[href*="#icon-telegram"] { 
  stroke: none; 
  fill: currentColor;
}