/* QuantumSpider Footer Styling */

/* Hide old footer styling */
.footery {
  background: #0a0a0c !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  padding: 3rem 0 !important;
}

.footery img {
  display: none !important;
}

.footery a {
  color: #a5a29a !important;
  text-decoration: none !important;
}

.footery a:hover {
  color: #ff3d2e !important;
}

.footery p {
  color: #a5a29a !important;
}

/* Hide old support section */
.supporty {
  background: #15151a !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  padding: 2rem !important;
}

.supporty h3 {
  color: #f4f1ea !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 1.5rem !important;
}

.supporty button {
  background: #ff3d2e !important;
  border: none !important;
  color: white !important;
  padding: 0.75rem 1.5rem !important;
  font-family: 'JetBrains Mono', monospace !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.supporty button:hover {
  background: #ff5744 !important;
}

/* New footer styling */
footer {
  background: #0a0a0c !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  color: #f4f1ea !important;
  padding: 3rem 0 !important;
  margin-top: 2rem !important;
}

footer h6 {
  font-family: 'Orbitron', sans-serif !important;
  font-weight: 700 !important;
  color: #f4f1ea !important;
  margin-bottom: 1rem !important;
  letter-spacing: 0.05em !important;
  font-size: 0.95rem !important;
}

footer p {
  color: #a5a29a !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
}

footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer li {
  margin-bottom: 0.5rem !important;
}

footer a {
  color: #a5a29a !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-size: 0.9rem !important;
}

footer a:hover {
  color: #ff3d2e !important;
}

/* Footer divider */
footer hr {
  border: none !important;
  border-top: 1px solid rgba(244, 241, 234, 0.08) !important;
  margin: 2rem 0 !important;
}

/* Footer bottom */
footer > div > div:last-child {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  color: #5a5852 !important;
  font-size: 0.85rem !important;
}

/* Responsive footer */
@media (max-width: 768px) {
  footer h6 {
    font-size: 0.85rem !important;
  }
  
  footer p, footer a, footer li {
    font-size: 0.85rem !important;
  }
}