/* ══════════════════════════════════════════════
   FOLHAS — Footer
   ══════════════════════════════════════════════ */

.footer {
  margin-top: var(--space-section);
  background: var(--green);
  padding: var(--space-2xl) var(--side-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-lg);
}

.footer-logo svg {
  height: 4.25rem;
  width: auto;
}

.footer-logo img {
  height: 3rem;
  width: auto;
}

.footer-by {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  font-weight: 500;
  color: var(--cream);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.footer-by .tt2-logo {
  height: 1.25rem;
  width: auto;
}

.footer-spacer {
  display: none;
  flex: 1;
}

.footer-contact {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--cream);
  text-decoration: none;
}

.footer-address {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--cream);
}

.footer-social {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--cream);
}

.footer-social svg {
  width: 100%;
  height: 100%;
  fill: var(--cream);
}

.footer-social:hover svg,
.footer-social a:focus-visible svg {
  opacity: 0.8;
}

/* ── Desktop+ (≥1200px) ─────────────────────── */
@media (min-width: 1200px) {
  .footer {
    flex-direction: row;
    align-items: center;
    gap: var(--space-2xl);
    padding: var(--space-section) var(--side-padding);
  }

  .footer-logo img {
    height: auto;
  }

  .footer-spacer {
    display: block;
  }

  .footer-contact,
  .footer-address {
    font-size: var(--text-lg);
  }
}