/* ═══════════════════════════════════════════
   FOOTER — assets/css/footer.css
   ═══════════════════════════════════════════ */

.footer {
  background: #1a0a02;
  padding: 48px 60px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

/* ── FILA 1: logo esquerra + social dreta ── */
.footer-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-logo { height: 30px; width: auto; }

.footer-social { display: flex; gap: 20px; align-items: center; }

.social-icon {
  width: 24px; height: 24px;
  color: white;
  transition: opacity 0.2s, transform 0.2s;
}
.social-icon:hover { opacity: 0.7; transform: scale(1.15); }

/* ── FILA 2: decoració centrada ── */
.footer-deco { width: 300px; }
.footer-deco img { width: 100%; height: auto; display: block; }

/* ── FILA 3: contacte esquerra + tagline dreta ── */
.footer-bottom-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-top: 1px solid rgba(255, 248, 229, 0.1);
  padding-top: 24px;
}

.footer-contact p {
  font-size: 13px;
  color: rgba(255, 248, 229, 0.35);
  line-height: 1.6;
  margin: 0;
}

.footer-tagline {
  font-family: var(--font-hero-title, Georgia, serif);
  font-style: italic;
  font-size: 20px;
  color: rgba(255, 248, 229, 0.25);
  margin: 0;
}

/* ── Responsive ── */
@media (max-width: 640px) {
  .footer { padding: 40px 24px; }

  .footer-deco { width: 200px; }

  .footer-bottom-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}