/* css/footer.css - Official LeadPilot Global Footer Styles */

footer {
  background: #0A0A0F !important; 
  padding: 80px 40px 40px !important; 
  position: relative !important; 
  z-index: 10 !important; 
  color: #FFFFFF !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  border: none !important;
}

footer .container { 
  max-width: 1280px !important; 
  margin: 0 auto !important; 
  width: 100% !important; 
  box-sizing: border-box !important; 
  padding: 0 24px !important;
}

.footer-grid { 
  display: grid !important; 
  grid-template-columns: 2.2fr 1fr 1fr 1fr 1fr !important; 
  gap: 48px !important; 
  margin-bottom: 60px !important; 
  text-align: left !important;
}

.footer-brand { 
  display: flex !important; 
  flex-direction: column !important; 
  align-items: flex-start !important;
}

.footer-brand .nav-logo { 
  display: inline-flex !important; 
  align-items: center !important; 
  font-size: 20px !important; 
  font-weight: 800 !important; 
  color: #FFFFFF !important; 
  text-decoration: none !important; 
  letter-spacing: -0.02em !important; 
}

.footer-brand p { 
  font-size: 14px !important; 
  color: #9CA3AF !important; 
  margin-top: 16px !important; 
  line-height: 1.6 !important; 
  max-width: 300px !important; 
  text-align: left !important;
}

.footer-socials { 
  display: flex !important; 
  gap: 12px !important; 
  margin-top: 24px !important; 
}

.social-btn { 
  width: 36px !important; 
  height: 36px !important; 
  background: rgba(255,255,255,0.04) !important; 
  border-radius: 8px !important; 
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  cursor: pointer !important; 
  border: 1px solid rgba(255,255,255,0.06) !important; 
  color: #9CA3AF !important; 
  text-decoration: none !important; 
  transition: all 0.2s ease !important; 
}

.social-btn:hover { 
  background: rgba(255,255,255,0.08) !important; 
  color: #FFFFFF !important; 
  border-color: rgba(255,255,255,0.15) !important; 
  transform: translateY(-2px) !important; 
}

.footer-links-col { 
  display: flex !important; 
  flex-direction: column !important; 
  align-items: flex-start !important;
}

.footer-col-title { 
  font-size: 12px !important; 
  font-weight: 700 !important; 
  color: #FFFFFF !important; 
  text-transform: uppercase !important; 
  letter-spacing: 1.5px !important; 
  margin-bottom: 24px !important; 
}

.footer-link { 
  display: block !important; 
  font-size: 14px !important; 
  color: #9CA3AF !important; 
  text-decoration: none !important; 
  margin-bottom: 14px !important; 
  transition: all 0.2s ease !important; 
  text-align: left !important;
}

.footer-link:hover { 
  color: #FFFFFF !important; 
  transform: translateX(2px) !important; 
}

.footer-bottom { 
  border-top: 1px solid rgba(255,255,255,0.06) !important; 
  padding-top: 32px !important; 
  display: flex !important; 
  justify-content: space-between !important; 
  align-items: center !important; 
  flex-wrap: wrap !important; 
  gap: 20px !important; 
}

.footer-bottom p { 
  font-size: 13px !important; 
  color: #6B7280 !important; 
  margin: 0 !important;
}

.footer-bottom-links { 
  display: flex !important; 
  gap: 24px !important; 
}

.footer-bottom-links a { 
  font-size: 13px !important; 
  color: #6B7280 !important; 
  text-decoration: none !important; 
  transition: color 0.2s ease !important; 
}

.footer-bottom-links a:hover { 
  color: #FFFFFF !important; 
}

/* Footer CTA Card */
.footer-cta-card { 
  background: rgba(255,255,255,0.03) !important; 
  border: 1px solid rgba(255,255,255,0.06) !important; 
  border-radius: 12px !important; 
  padding: 24px !important; 
  margin-top: 28px !important; 
  max-width: 300px !important; 
  box-sizing: border-box !important; 
  text-align: left !important; 
}

.footer-cta-title { 
  font-size: 16px !important; 
  font-weight: 700 !important; 
  color: #FFFFFF !important; 
  margin-bottom: 6px !important; 
  letter-spacing: -0.2px !important; 
  text-transform: none !important; 
}

.footer-cta-desc { 
  font-size: 13px !important; 
  color: #9CA3AF !important; 
  margin-bottom: 20px !important; 
  line-height: 1.5 !important; 
}

.footer-cta-btn { 
  display: inline-flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  gap: 6px !important; 
  background: linear-gradient(135deg, #7C3AED 0%, #EC4899 50%, #F59E0B 100%) !important; 
  color: #FFFFFF !important; 
  text-decoration: none !important; 
  font-size: 13px !important; 
  font-weight: 600 !important; 
  padding: 10px 20px !important; 
  border-radius: 8px !important; 
  transition: all 0.2s ease !important; 
  width: 100% !important; 
  text-align: center !important; 
  border: none !important; 
  cursor: pointer !important; 
  box-sizing: border-box !important; 
}

.footer-cta-btn:hover { 
  transform: translateY(-1.5px) !important; 
  box-shadow: 0 4px 15px rgba(124,58,237,0.35) !important; 
  filter: brightness(1.05) !important; 
}

.mobile-only-cta { 
  display: none !important; 
}

@media (max-width: 1024px) {
  .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 40px !important; }
  .footer-brand { grid-column: span 2 !important; }
  .desktop-only-cta { display: none !important; }
  .mobile-only-cta { display: block !important; grid-column: span 2 !important; max-width: 100% !important; margin-top: 16px !important; }
}

@media (max-width: 600px) {
  footer { padding: 60px 20px 32px !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .footer-brand { grid-column: span 1 !important; }
  .mobile-only-cta { grid-column: span 1 !important; }
  .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
}