/* ═══════════════════════════════════════════════════════════
   Mabsut Icons — SVG sprite usage
   ═══════════════════════════════════════════════════════════ */

/* پیش‌فرض: آیکن با اندازه‌ی متن */
.mbs-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  vertical-align: middle;
}
.mbs-icon > svg,
.mbs-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* اندازه‌های آماده */
.mbs-icon-xs   { width: 14px; height: 14px; }
.mbs-icon-sm   { width: 16px; height: 16px; }
.mbs-icon-md   { width: 20px; height: 20px; }
.mbs-icon-lg   { width: 24px; height: 24px; }
.mbs-icon-xl   { width: 32px; height: 32px; }
.mbs-icon-2xl  { width: 40px; height: 40px; }
.mbs-icon-3xl  { width: 56px; height: 56px; }

/* کارت آیکن با پس‌زمینه گرادیانی (برای touri app ها) */
.mbs-icon-box {
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  padding: 10px;
  color: #fff;
}
.mbs-icon-box > svg { width: 24px; height: 24px; }

.mbs-icon-box--sm { padding: 6px; border-radius: 8px; }
.mbs-icon-box--sm > svg { width: 18px; height: 18px; }
.mbs-icon-box--lg { padding: 14px; border-radius: 16px; }
.mbs-icon-box--lg > svg { width: 32px; height: 32px; }

/* پس‌زمینه‌های گرادیانی (بک‌گراند باکس، نه خود SVG) */
.mbs-icon-bg--brand    { background: linear-gradient(135deg, #1a5fb4, #6c5ce7); }
.mbs-icon-bg--indigo   { background: linear-gradient(135deg, #3548a0, #8b5cf6); }
.mbs-icon-bg--fire     { background: linear-gradient(135deg, #ef4444, #f59e0b); }
.mbs-icon-bg--live     { background: linear-gradient(90deg,  #e63946, #ff6b81); }
.mbs-icon-bg--success  { background: linear-gradient(135deg, #10b981, #14b8a6); }
.mbs-icon-bg--info     { background: linear-gradient(135deg, #3b82f6, #06b6d4); }
.mbs-icon-bg--warn     { background: linear-gradient(135deg, #f39c12, #fbbf24); }
.mbs-icon-bg--accent   { background: linear-gradient(135deg, #c2185b, #e91e63); }
.mbs-icon-bg--tech     { background: linear-gradient(135deg, #6366f1, #06b6d4); }
.mbs-icon-bg--warm     { background: linear-gradient(135deg, #f09433, #bc1888); }
.mbs-icon-bg--dark     { background: linear-gradient(135deg, #334155, #0f172a); }
.mbs-icon-bg--sunrise  { background: linear-gradient(135deg, #f59e0b, #ef4444, #c2185b); }
.mbs-icon-bg--money    { background: linear-gradient(135deg, #10b981, #f59e0b); }
.mbs-icon-bg--sports   { background: linear-gradient(135deg, #dc2626, #ea580c); }

/* انیمیشن‌ها */
.mbs-icon--pulse {
  animation: mbs-icon-pulse 1.6s ease-in-out infinite;
}
@keyframes mbs-icon-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .75; transform: scale(1.06); }
}

.mbs-icon--spin {
  animation: mbs-icon-spin 1.2s linear infinite;
}
@keyframes mbs-icon-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Hover (برای لینک‌ها) */
a:hover .mbs-icon--bounce,
.mbs-icon--bounce:hover {
  animation: mbs-icon-bounce 0.4s ease;
}
@keyframes mbs-icon-bounce {
  0%, 100% { transform: translateY(0); }
  40%      { transform: translateY(-4px); }
}