/* footer.css */

/* 고정 푸터 */
.site-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1e1e2f;
  border-top: 1px solid #333;
  display: flex;
  justify-content: center;       /* 좌우 여백 대신 중앙 정렬 */
  align-items: center;
  padding: 8px 20px;
  box-sizing: border-box;
  z-index: 100;
  font-size: 0.9rem;
  color: #f5f5f5;
  gap: 40px;                      /* 아이템 간 간격 */
}

/* 왼쪽: 실시간 인디케이터 + 날짜/시간 */
.footer-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.live-indicator {
  width: 8px;
  height: 8px;
  background: #4caf50;
  border-radius: 50%;
}
.footer-datetime {
  white-space: nowrap;
}

/* 오른쪽: 지수 통계 */
.footer-stats {
  display: flex;
  align-items: center;
  gap: 24px;                      /* 통계 항목 간격 */
}
.stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.stat-label {
  color: #bbb;
}
.stat-value {
  font-weight: 600;
}
.stat-change.up {
  color: #e71909;
}
.stat-change.down {
  color:  #4fabff;
}

.footer-status {
  margin-right: 16px;
}

/* statusTxt + 코스피 묶음을 항상 가로 정렬 */
.status-kospi-row {
  display: flex;
  align-items: center;
  gap: 6px;            /* 원하는 간격으로 조정 */
}

/* 모바일(600px 이하)에서 푸터 숨기기 */
@media (max-width: 600px) {
  #site-footer,
  .site-footer {
    display: none !important;
  }
}