/**
 * ============================================================================
 * [MODÜL: FOOTER — Alt Bilgi Alanı]
 * Youthside ATS — Profile UI
 * ============================================================================
 * Amaç: Footer bölümüne özel stilleri içerir.
 *
 * Mimar Notu (Ferhat Cengiz):
 *   Footer background glow efekti, sayfanın kalan kısmıyla karışmaması için
 *   contain ediliyor. Mobilde footer grid tek kolona düşer.
 *
 * ============================================================================
 */

/* ── Footer Background Glow ────────────────────────────────── */
.footer-glow {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background-color: var(--color-primary-900);
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.1;
  pointer-events: none;
}

/* ── Newsletter Section ────────────────────────────────────── */
.footer-newsletter {
  background: rgba(31, 41, 55, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* ── Legal Info Box ────────────────────────────────────────── */
.footer-legal {
  background: rgba(17, 24, 39, 0.5);
}

/* ── Mobil Footer Düzeni ───────────────────────────────────── */
@media (max-width: 768px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-xl);
    text-align: center;
  }

  .footer-grid .social-links {
    justify-content: center;
  }

  .footer-newsletter {
    padding: var(--space-lg);
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-md);
  }
}