/* main.css */

/* 🔸 Tab Styling */
.tab-link {
  position: relative;
  padding-bottom: 6px;
  transition: color 0.3s ease;
}
.tab-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background: #FBBF24; /* Amber */
  transition: width 0.3s ease;
}
.tab-link:hover {
  color: #FBBF24;
}
.tab-link:hover::after {
  width: 100%;
}

/* 🔸 Active Tab */
.active-tab {
  color: #FBBF24;
}
.active-tab::after {
  width: 100%;
}

/* 🔸 Footer Styling Fix */
footer {
  background-color: #0F172A; /* Solid dark footer (gray-900) */
  color: #E5E7EB; /* gray-200 */
  border-top: 1px solid #1E293B; /* subtle top line */
  font-size: 14px;
}

footer img {
  margin-left: 6px;
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 2px #FBBF24);
}

#liveTime {
  font-family: monospace;
  font-weight: 500;
}