/*
Theme Name: Lo Fang Club Storefront Child
Theme URI: https://lofangclub.com
Description: Tema hijo ligero para Lo Fang Club, basado en Storefront y preparado para WooCommerce en modo catálogo.
Author: Lo Fang Club
Template: storefront
Version: 0.1.0
Text Domain: lofangclub
*/

:root {
  --lfc-bg: #f5efe3;
  --lfc-card: #fffaf0;
  --lfc-text: #1f1c17;
  --lfc-muted: #6d6254;
  --lfc-fang: #6f5237;
  --lfc-rice: #d8caa9;
}

body {
  background: var(--lfc-bg);
  color: var(--lfc-text);
}

.site-header,
.site-footer {
  background: var(--lfc-text);
  color: #fff;
}

.site-header a,
.site-footer a {
  color: #fff;
}

.site-branding .site-title a {
  letter-spacing: .04em;
  text-transform: uppercase;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart,
.widget a.button {
  border-radius: 999px;
  background: var(--lfc-text);
  border-color: var(--lfc-text);
  color: #fff;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.added_to_cart:hover,
.widget a.button:hover {
  background: var(--lfc-fang);
  border-color: var(--lfc-fang);
  color: #fff;
}

.lfc-hero {
  padding: clamp(3rem, 8vw, 7rem) 1.5rem;
  background: linear-gradient(135deg, #1f1c17 0%, #6f5237 100%);
  color: #fff;
  border-radius: 0 0 2rem 2rem;
  margin-bottom: 2rem;
}

.lfc-hero h1 {
  max-width: 900px;
  font-size: clamp(2.6rem, 8vw, 6rem);
  line-height: .95;
  letter-spacing: -.04em;
  margin-bottom: 1rem;
}

.lfc-hero p {
  max-width: 660px;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: #f4ead8;
}

.lfc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
}

.lfc-card {
  background: var(--lfc-card);
  border: 1px solid rgba(31, 28, 23, .12);
  border-radius: 1.5rem;
  padding: 1.25rem;
}

.lfc-card h2,
.lfc-card h3 {
  margin-top: 0;
}

.woocommerce ul.products li.product,
.wc-block-grid__product {
  background: var(--lfc-card);
  border: 1px solid rgba(31, 28, 23, .10);
  border-radius: 1.25rem;
  padding: 1rem;
}

.woocommerce ul.products li.product img {
  border-radius: 1rem;
  background: #fff;
}

.lfc-price-note {
  display: inline-block;
  color: var(--lfc-muted);
  font-size: .95rem;
}

.lfc-catalog-message {
  color: var(--lfc-muted);
  margin-top: 1rem;
}

.lfc-catalog-cta {
  margin-top: .6rem;
}