.footer {
  background-color: #0b1528;
  color: rgba(255, 255, 255, 0.8); /* Tăng độ tương phản cho chữ */
  text-align: center;
  padding: 15px 0; /* Điều chỉnh padding */
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 100; /* Đảm bảo footer hiển thị trên cùng */
  position: relative; /* Mặc định relative để theo luồng trang */
}

.footer-content {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-size: 0.9rem; /* Tăng kích thước chữ */
}

@media (max-width: 768px) {
  .footer-content {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }

  .footer {
    padding: 1rem 0; /* Tăng padding cho dễ bấm trên mobile */
    margin-top: 1rem; /* Tạo khoảng cách với nội dung */
    bottom: 0; /* Đảm bảo luôn ở dưới cùng */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Thêm đổ bóng để dễ nhìn */
  }

  .footer-text {
    font-size: 0.85rem; /* Kích thước chữ phù hợp cho mobile */
    font-weight: 500; /* Đậm hơn một chút để dễ đọc */
  }
}

/* Xử lý cho màn hình siêu nhỏ */
@media (max-width: 320px) {
  .footer {
    padding: 0.8rem 0;
  }

  .footer-text {
    font-size: 0.8rem;
  }
}