/* ===== SHARED FOOTER — Include this on ALL pages =====
   Single source of truth for footer styling.
   Edit THIS file and all pages update automatically.
   ===================================================== */

/* Hide fade-in transition element */
.footer-fade-in { display: none !important; }

/* Footer: transparent background, no border, no blobs */
.footer { background: transparent !important; border-top: none !important; overflow: visible !important; }
.footer-blob { display: none !important; }
.footer-divider { display: none !important; }

/* CTA area */
.footer-cta-area p { color: rgba(255,255,255,0.6) !important; }
.footer-cta-area { padding-bottom: 56px !important; }

/* Links layout */
.footer-links { gap: 48px !important; flex: 1 !important; justify-content: space-between !important; }

/* Newsletter */
.footer-newsletter { max-width: 320px !important; padding: 0 !important; }
.newsletter-input { border-radius: 100px !important; }
.newsletter-btn { border-radius: 100px !important; }

/* Social icons */
.footer-social { display: flex; align-items: center; gap: 12px; }
.footer-social a {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,0.08);
  transition: background 0.3s ease;
}
.footer-social a:hover { background: rgba(255,255,255,0.15); }
.footer-social svg { width: 16px; height: 16px; fill: rgba(255,255,255,0.7); }

/* Bottom bar */
.footer-bottom-left { display: flex; flex-direction: row; align-items: center; gap: 16px; }
.footer-legal {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 500;
}
.footer-legal span { color: rgba(255,255,255,0.3); }
.footer-legal a, .footer-bottom a {
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-legal a:hover, .footer-bottom a:hover { color: rgba(255,255,255,0.8); }

/* Responsive */
@media (max-width: 900px) {
  .footer-newsletter { padding-top: 16px !important; }
  .footer-bottom-left { flex-direction: column; align-items: flex-start; gap: 4px; }
  .footer-legal { flex-wrap: wrap; }
}