/* =====================  footer.css  ===================== */
footer {
  background: var(--bg-secondary);
}
.footer-content {
  max-width: var(--layout);
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-md);
  color: var(--text-main);
}
.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.footer-links ul {
  display: flex;
  gap: var(--spacing-sm);
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links ul li a {
  font-size: clamp(0.8rem, 1.5vw, 1rem);
  color: var(--text-main);
  transition: color var(--transition-speed);
}
.footer-links ul li a:hover,
.footer-links ul li a:focus {
  color: var(--text-accent);
}
.footer-copyright {
  margin-top: var(--spacing-sm);
  font-size: clamp(0.7rem, 1.2vw, 0.9rem);
  color: var(--text-secondary);
  text-align: center;
  width: 100%;
}

/* ========== TABLET ========== */
@media (max-width: 991px) {
  .footer-container {
    gap: var(--spacing-sm);
    flex-direction: column;
    align-items: center;
  }
}

/* ========== SMARTPHONES ========== */
@media (max-width: 767px) {
  .footer-content {
    padding: var(--spacing-lg) var(--spacing-sm);
  }
  .footer-links {
    margin-bottom: var(--spacing-xs);
  }
  .footer-links ul {
    flex-direction: column;
    gap: var(--spacing-xs);
  }
  .footer-links ul li a {
    font-size: 0.9rem;
  }
  .footer-copyright {
    margin-top: var(--spacing-xs);
    max-width: 60%;
  }
}