/*
Theme Name: Xiuh Storefront
Theme URI: https://xiuh.tech
Author: Xiuh Tech
Description: El storefront oficial de las tiendas Xiuh. Un theme, N tiendas: la marca vive en tokens y brand.json, la estructura vive aquí. Galería, no bazar.
Version: 0.3.1
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.1
License: Proprietary
Text Domain: xiuh-storefront
Tags: block-theme, woocommerce, e-commerce
*/

/* Toda la estética vive en theme.json (tokens). Este archivo solo carga
   reglas que los bloques aún no expresan como token. Mantener mínimo. */

/* Badge de escasez — pieza única / últimas N */
.xiuh-badge-scarcity {
  display: inline-block;
  font-size: var(--wp--preset--font-size--x-small);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent);
  border: 1px solid currentColor;
  padding: 0.2em 0.75em;
  border-radius: 2px;
}

/* Product card: la foto manda, hover sutil */
.wc-block-product-image img,
.woocommerce ul.products li.product img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  transition: opacity 0.25s ease;
}
.woocommerce ul.products li.product a:hover img {
  opacity: 0.92;
}

/* Precios con números tabulares */
.woocommerce-Price-amount,
.wc-block-components-product-price {
  font-variant-numeric: tabular-nums;
}

/* Galería, no bazar: la card es la foto — sin botones dentro del grid
   (loop clásico y grids de bloques) */
ul.products .add_to_cart_button,
ul.products .added_to_cart,
.wc-block-components-product-button,
.wp-block-woocommerce-product-button {
  display: none !important;
}

/* Desplegable de filtros en la tienda */
.wp-block-details.xiuh-filters {
  margin-bottom: var(--wp--preset--spacing--50);
}
.wp-block-details.xiuh-filters > summary {
  cursor: pointer;
  display: inline-block;
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--wp--preset--color--ink);
  border: 1px solid var(--wp--preset--color--ink-muted);
  border-radius: 999px;
  padding: 0.4em 1.1em;
  list-style: none;
}
.wp-block-details.xiuh-filters > summary::-webkit-details-marker {
  display: none;
}
.wp-block-details.xiuh-filters > summary::after {
  content: " ▾";
  color: var(--wp--preset--color--accent);
}
.wp-block-details.xiuh-filters[open] > summary {
  border-color: var(--wp--preset--color--accent);
}
.wp-block-details.xiuh-filters[open] > summary::after {
  content: " ▴";
}
.wp-block-details.xiuh-filters > .wp-block-tag-cloud {
  margin-top: var(--wp--preset--spacing--40);
}
.wp-block-tag-cloud.xiuh-tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: var(--wp--preset--spacing--50);
}
.wp-block-tag-cloud.xiuh-tag-chips a {
  display: inline-block;
  padding: 0.3em 0.9em;
  border: 1px solid var(--wp--preset--color--ink-muted);
  border-radius: 999px;
  color: var(--wp--preset--color--ink);
  text-decoration: none;
  text-transform: capitalize;
  white-space: nowrap;
}
.wp-block-tag-cloud.xiuh-tag-chips a:hover {
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent);
}

/* CTA WhatsApp en la ficha: secundario, sobrio, junto al add-to-cart */
.xiuh-wa-cta,
.xiuh-wa-cta.wp-block-button__link {
  display: inline-block;
  width: auto;
  margin-top: 1rem;
  background: transparent;
  color: var(--wp--preset--color--ink);
  border: 1.5px solid var(--wp--preset--color--accent);
}
.xiuh-wa-cta:hover,
.xiuh-wa-cta.wp-block-button__link:hover {
  background: transparent;
  border-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--accent);
}