/**
 * GetTicket Enterprise Footer
 * Professional, clean footer with trust indicators
 */

/* ===========================================
   FOOTER BASE
   =========================================== */

footer {
  background: var(--color-gray-900, #111827) !important;
  color: white;
  padding: var(--space-12, 3rem) 0 var(--space-8, 2rem);
  text-align: center;
  border-top: 1px solid var(--color-gray-800, #1f2937);
}

.footer-content {
  max-width: var(--container-xl, 1280px);
  margin: 0 auto;
  padding: 0 var(--space-6, 1.5rem);
}

/* ===========================================
   FOOTER LINKS
   =========================================== */

.footer-links {
  display: flex;
  justify-content: center;
  gap: var(--space-8, 2rem);
  margin-bottom: var(--space-8, 2rem);
  flex-wrap: wrap;
}

.footer-links a {
  color: var(--color-gray-300, #d1d5db);
  text-decoration: none;
  transition: all var(--transition-fast, 150ms ease);
  font-size: var(--text-sm, 0.875rem);
  font-weight: var(--font-medium, 500);
}

.footer-links a:hover {
  color: white;
}

/* ===========================================
   FOOTER BOTTOM - Copyright & Trust
   =========================================== */

.footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4, 1rem);
  padding-top: var(--space-6, 1.5rem);
  border-top: 1px solid var(--color-gray-800, #1f2937);
}

.footer-copyright {
  font-size: var(--text-sm, 0.875rem);
  color: var(--color-gray-400, #9ca3af);
}

.footer-copyright a {
  color: var(--color-gray-300, #d1d5db);
  text-decoration: none;
  transition: color var(--transition-fast, 150ms ease);
}

.footer-copyright a:hover {
  color: white;
}

/* ===========================================
   TRUST BADGES (Optional)
   =========================================== */

.footer-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-6, 1.5rem);
  margin-bottom: var(--space-6, 1.5rem);
  flex-wrap: wrap;
}

.footer-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2, 0.5rem);
  font-size: var(--text-xs, 0.75rem);
  color: var(--color-gray-400, #9ca3af);
}

.footer-trust-badge i {
  color: var(--color-success-500, #059669);
  font-size: var(--text-sm, 0.875rem);
}

/* ===========================================
   FOOTER SOCIAL
   =========================================== */

.footer-social {
  display: flex;
  justify-content: center;
  gap: var(--space-4, 1rem);
  margin-bottom: var(--space-6, 1.5rem);
}

.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--color-gray-800, #1f2937);
  border-radius: var(--radius-md, 6px);
  color: var(--color-gray-400, #9ca3af);
  text-decoration: none;
  transition: all var(--transition-fast, 150ms ease);
}

.footer-social a:hover {
  background: var(--color-gray-700, #374151);
  color: white;
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */

@media (max-width: 768px) {
  footer {
    padding: var(--space-8, 2rem) 0 var(--space-6, 1.5rem);
  }

  .footer-content {
    padding: 0 var(--space-4, 1rem);
  }

  .footer-links {
    flex-direction: column;
    gap: var(--space-4, 1rem);
    margin-bottom: var(--space-6, 1.5rem);
  }

  .footer-links a {
    padding: var(--space-2, 0.5rem) 0;
  }

  .footer-trust {
    flex-direction: column;
    gap: var(--space-3, 0.75rem);
  }
}

@media (max-width: 480px) {
  footer {
    padding: var(--space-6, 1.5rem) 0;
  }

  .footer-content {
    padding: 0 var(--space-3, 0.75rem);
  }

  .footer-links {
    gap: var(--space-3, 0.75rem);
  }

  .footer-social a {
    width: 32px;
    height: 32px;
  }
}