/**
 * SOSYALVADI EKONOMİ SAYFASI CSS 2026
 * Döviz widget + ekonomi haber grid
 * @version 2026.2.12
 */

.ekonomi-widget {
  background: linear-gradient(135deg, var(--card-bg, #fff) 0%, var(--bg-subtle, #f8f9fa) 100%);
  border: 1px solid var(--border-subtle, #eee);
  border-radius: var(--radius-lg, 12px);
  padding: var(--space-6);
  margin-bottom: var(--space-6);
}
.ekonomi-widget-title { font-size: 1.125rem; margin: 0 0 var(--space-4); font-weight: 600; display: flex; align-items: center; gap: var(--space-2); }
.ekonomi-live-badge {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--color-success, #10b981);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  animation: ekonomi-pulse 2s ease-in-out infinite;
}
@keyframes ekonomi-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}
@media (prefers-reduced-motion: reduce) {
  .ekonomi-live-badge { animation: none; }
}
.ekonomi-widget-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--space-3);
}
.ekonomi-widget-card {
  background: var(--card-bg);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  padding: var(--space-3);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.ekonomi-widget-label { font-size: 0.75rem; color: var(--text-muted, #666); font-weight: 500; }
.ekonomi-widget-value { font-size: 1.125rem; font-weight: 700; color: var(--text); }
.ekonomi-mini-bar { margin: var(--space-1) 0; }
.ekonomi-mini-bar-track {
  height: 4px;
  background: var(--bg-subtle, #e5e7eb);
  border-radius: 2px;
  overflow: hidden;
}
.ekonomi-mini-bar-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.4s ease;
}
.ekonomi-mini-bar-fill.up { background: linear-gradient(90deg, var(--color-success, #10b981), #059669); }
.ekonomi-mini-bar-fill.down { background: linear-gradient(90deg, var(--color-error, #ef4444), #dc2626); }
.ekonomi-widget-deg { font-size: 0.75rem; font-weight: 600; }
.ekonomi-widget-deg.up { color: var(--color-success); }
.ekonomi-widget-deg.down { color: var(--color-error); }
.ekonomi-section-title { font-size: 1.25rem; margin: var(--space-6) 0 var(--space-4); }
.ekonomi-haber-grid .haber-card-thumb { display: none; }
.ekonomi-haber-grid .haber-card {
  transition: transform .25s ease, box-shadow .25s ease;
}
.ekonomi-haber-grid .haber-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Daha fazla yükle - Ekonomi haberleri AJAX load more 2026.2.26 */
.ekonomi-load-more-wrap {
  margin-top: 2rem;
  padding: 1rem 0;
  text-align: center;
}
.ekonomi-load-more-btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
}
.ekonomi-load-more-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.ekonomi-load-status {
  margin-top: 0.5rem;
  color: var(--muted, #666);
  font-size: 0.9rem;
}
.ekonomi-load-more-done .ekonomi-load-status { display: block !important; }
.haber-card--skeleton .haber-card-body { pointer-events: none; }