/* ============================================================
   FOOTER — SabziBuddy
   Page footer: links, social buttons, copyright
   Bottom Nav moved to layout/bottom-nav.css (duplicate removed)
   ============================================================ */

/* ── FOOTER WRAPPER ──────────────────────────────────────── */
footer {
  text-align: center;
  padding: 24px 16px 28px;
  color: var(--tmut);
  font-size: 12px;
  border-top: 1px solid var(--cream2);
}

footer strong { color: var(--g3); }

/* Follow us label */
.footer-follow-lbl {
  font-size: 13px;
  color: var(--tmut);
  font-weight: 600;
  margin-bottom: 8px;
}

/* ── FOOTER LINKS ────────────────────────────────────────── */
.footer-links {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.footer-link {
  background: none;
  border: none;
  color: var(--g4);
  font-size: 12px;
  cursor: pointer;
  font-family: 'Outfit', sans-serif;
  text-decoration: underline;
  transition: color var(--t-fast) var(--ease);
}
.footer-link:hover { color: var(--g3); }

/* Copyright */
.footer-copy {
  font-size: 12px;
  color: var(--tmut);
}

/* ── SOCIAL BUTTONS ──────────────────────────────────────── */
.social-row {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-bottom: 14px;
}

.social-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--t-fast) var(--ease),
              opacity   var(--t-fast) var(--ease);
}
.social-btn:hover {
  transform: scale(1.12);
  opacity: 0.85;
}
.social-btn svg {
  width: 18px;
  height: 18px;
}

/* Platform colors */
.social-instagram { background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-facebook  { background: #1877F2; }
.social-x         { background: #000; }
.social-youtube   { background: #FF0000; }