/* ==========================================
   🔥 BOSTME - MAIN (Language-specific extras)
   ========================================== */

/* ===== Utility classes ===== */
.text-center { text-align: center; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }

/* ===== Dashboard-specific enhancements ===== */
.dash-card {
  background: linear-gradient(145deg, var(--dark-card), var(--dark-elevated)) !important;
  border: 1px solid rgba(255, 149, 0, 0.15) !important;
  transition: all var(--transition-base);
}

.dash-card:hover {
  border-color: var(--fire-orange) !important;
  box-shadow: var(--glow-subtle);
}

.dash-title {
  background: var(--gradient-fire);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: var(--font-weight-black) !important;
}

.dash-stat-num {
  background: var(--gradient-fire);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: var(--font-weight-black) !important;
}

.dash-level-box {
  transition: all var(--transition-fast);
  border-radius: 10px !important;
}

.dash-level-box.completed {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(16, 185, 129, 0.1)) !important;
  border-color: var(--neon-green) !important;
  color: var(--neon-green) !important;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}

.dash-level-box.current {
  background: var(--gradient-fire) !important;
  border-color: var(--fire-orange) !important;
  color: var(--text-on-fire) !important;
  box-shadow: var(--glow-orange);
  animation: pulse 2s ease-in-out infinite;
}

.dash-level-box.locked {
  background: rgba(255, 255, 255, 0.02) !important;
  color: var(--text-muted) !important;
  opacity: 0.6;
}

.dash-level-box:hover:not(.locked) {
  transform: scale(1.1);
  z-index: 2;
}

/* ===== Print Media (لتنزيلات PDF) ===== */
@media print {
  body::before, body::after, .navbar, .footer, .floating-test-btn { display: none !important; }
}

/* ===== LTR override ===== */
:root { --direction: ltr; --text-align: left; --start: left; --end: right; }