.footer-nav-bar {
    display: none;
    background-color: var(--color-first);
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-top: 1px solid var(--color-first);
}

@media (max-width: 990px) {
  .footer-nav-bar {
    display: block;
  }
}

/* === Container === */
.footer-nav-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 80px;
}

/* === Each Menu Item === */
.footer-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--color-light);
}

/* base icon */
.footer-nav-item i {
  font-size: 22px;
  font-weight: bold;
  color: var(--color-light);
}
.footer-nav-item span {
  color: var(--color-light);
}

/* hover ทั้ง icon + text */
.footer-nav-item:hover i,
.footer-nav-item:hover span {
  color: var(--color-light);
  font-weight: bold;
}

/* active ตอนกด */
.footer-nav-item:active {
  transform: scale(1.25);
}

.footer-nav-item:active i,
.footer-nav-item:active span {
  color: var(--color-light);
}