/* Footer Styles for Carmen B. Mike */
.site-footer {
  background-color: #fff;
  padding: 2.5rem var(--spacing-md) 1.5rem var(--spacing-md);
  text-align: left;
  border-top: 1px solid #eee;
}
.footer-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}
.footer-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-logo-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.3em;
  margin-bottom: 0.7rem;
}
.logo-carmen {
  font-family: var(--font-sans, 'Poppins', sans-serif);
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.logo-surname {
  font-family: var(--font-serif, 'Playfair Display', serif);
  font-size: 2rem;
  font-weight: 700;
  font-style: italic;
  margin-left: 0.2em;
}
.footer-email {
  font-family: var(--font-sans, 'Poppins', sans-serif);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-top: 0.2rem;
  color: #222;
}

.footer-email-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-email-link:hover {
  color: var(--color-accent, #a0138e);
}

.footer-social {
  display: flex;
  gap: var(--spacing-md);
}
.footer-social-link {
  font-family: var(--font-sans, 'Poppins', sans-serif);
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-text, #222);
  text-decoration: none;
  letter-spacing: 0.05em;
}
.footer-social-link:hover {
  color: var(--color-accent, #a0138e);
}

@media (max-width: 768px) {
  .site-footer {
    padding: var(--spacing-md) var(--spacing-sm); /* Adjust padding for mobile */
  }

  .footer-content {
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center-align items */
    gap: var(--spacing-md); /* Add gap between stacked items */
  }

  .footer-info {
    align-items: center; /* Center-align logo and email */
  }

  .footer-logo-text {
    justify-content: center; /* Center logo text if it wraps */
  }

  .logo-carmen,
  .logo-surname {
    font-size: 1.5rem; /* Reduce font size for logo */
  }

  .footer-email {
    font-size: 1rem; /* Reduce font size for email */
    margin-top: 0.5rem;
  }

  .footer-social {
    justify-content: center; /* Center social links */
    gap: var(--spacing-md); /* Keep a decent gap */
  }

  .footer-social-link {
    font-size: 0.9rem; /* Slightly smaller social links */
  }
}