/* ============================================================
   FOLC HOME COFFEE — FOOTER
   Template: Tienda Nube / Río
   Archivo: folc-footer.css

   Reskin CSS del footer NATIVO (snipplets/footer/footer.tpl) — no se
   reemplaza el template. Ese archivo trae contenido obligatorio por
   términos de uso de Tiendanube (link "Powered by Tiendanube") y por
   normativa de defensa del consumidor en Argentina (componente
   claim-info) que debe quedar visible y funcional. Los links de las
   columnas "Tienda" / "Información" se configuran desde el admin en
   Diseño > Menús (menú de pie de página / secundario), y el contacto
   sale de los datos de la tienda (WhatsApp, email, dirección).
   ============================================================ */

.js-footer {
  background: var(--folc-black, #1c1c1a);
  padding: 64px 0 32px;
  border-top: 1px solid #222;
}

.js-footer .container-fluid {
  max-width: var(--max-width, 1440px);
  padding-left: var(--space-xl, 72px);
  padding-right: var(--space-xl, 72px);
}

/* Encabezados de columna ("Tienda", "Información", etc.) */
.js-footer .subtitle {
  font-family: var(--font-ui, 'Barlow Condensed', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #444 !important;
}

/* Links de menú y contacto */
.js-footer .footer-menu-link,
.js-footer .contact-link,
.js-footer .contact-info li {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 14px;
  color: #555;
}
.js-footer .footer-menu-link:hover,
.js-footer .contact-link:hover {
  color: var(--folc-white, #fff);
}
.js-footer .footer-menu-item {
  margin-bottom: 11px;
}
.js-footer ul.list,
.js-footer ul.contact-info {
  list-style: none;
  padding-left: 0;
}

/* Redes sociales */
.js-footer .social-icon {
  color: #444;
  transition: color 0.2s ease;
}
.js-footer .social-icon:hover {
  color: var(--folc-white, #fff);
}

/* Newsletter (si está activo) */
.js-footer .newsletter-title,
.js-footer .newsletter-container label {
  font-family: var(--font-ui, 'Barlow Condensed', sans-serif);
  font-size: 9px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #444;
}
.js-footer .newsletter-container input {
  background: transparent;
  border: 1px solid #333;
  color: var(--folc-white, #fff);
  border-radius: 0;
}

/* Barra legal (copyright + powered by Tiendanube + defensa del consumidor) */
.js-footer .footer-legal {
  border-top: 1px solid #222;
  padding-top: 24px;
  margin-top: 32px;
}
.js-footer .footer-legal,
.js-footer .footer-legal a,
.js-footer .footer-legal div {
  font-size: 12px;
  color: #3a3a38;
}
.js-footer .footer-legal a {
  text-decoration: underline;
}
.js-footer .footer-legal a:hover {
  color: #666;
}

@media (max-width: 900px) {
  .js-footer .container-fluid {
    padding-left: var(--space-md, 24px);
    padding-right: var(--space-md, 24px);
  }
}


/* ============================================================
   FIN — folc-footer.css
   ============================================================ */