/* =====================================
   PREMIUM GLASS FOOTER
===================================== */

.site-footer {

  margin-top: var(--space-3xl);
  padding: var(--space-3xl) var(--space-lg);

  background: var(--bg-glass);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);

  border-top: var(--glass-border);

  color: var(--text-primary);
}

/* Container Layout */
.footer-container {

  width: min(1300px, 92%);
  margin: auto;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-2xl);

}

/* Columns */
.footer-col h3 {
  font-size: var(--fs-lg);
  margin-bottom: var(--space-md);
}

.footer-col h4 {
  font-size: var(--fs-md);
  margin-bottom: var(--space-md);
  color: var(--secondary);
}

.footer-col p {
  font-size: var(--fs-sm);
  color: var(--text-secondary);
  line-height: 1.7;
}

/* Links */
.footer-col ul {
  list-style: none;
}

.footer-col ul li {
  margin-bottom: var(--space-sm);
}

.footer-col ul li a {
  text-decoration: none;
  color: var(--text-secondary);
  font-size: var(--fs-sm);
  transition: var(--transition-fast);
}

.footer-col ul li a:hover {
  color: var(--secondary);
}

/* Bottom */
.footer-bottom {

  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);

  border-top: var(--glass-border);

  text-align: center;
  font-size: var(--fs-sm);
  color: var(--text-muted);
}

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

@media (max-width: 768px) {

  .site-footer {
    padding: var(--space-2xl) var(--space-md);
  }

  .footer-container {
    gap: var(--space-xl);
  }

}
/* =========================
   SOCIAL ICONS
========================= */

.social-icons {
  display: flex;
  gap: 14px;
  margin-top: var(--space-sm);
}

.social-icons a {
  width: 42px;
  height: 42px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);

  color: var(--text-primary);
  font-size: 16px;

  backdrop-filter: blur(8px);
  transition: var(--transition-normal);

  text-decoration: none;
  outline: none;
}

/* Hover base */
.social-icons a:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

/* Google */
.social-icons a:hover .fa-google {
  color: #ea4335;
}

.social-icons a:hover {
  border-color: rgba(234, 67, 53, 0.5);
}

/* LinkedIn */
.social-icons a:hover .fa-linkedin-in {
  color: #0a66c2;
}

/* Facebook */
.social-icons a:hover .fa-facebook-f {
  color: #1877f2;
}

/* Optional subtle glow */
.social-icons a:hover {
  background: rgba(255, 255, 255, 0.12);
}