/*
Theme Name:   Super — Tienda
Theme URI:    https://github.com/drazeer/super
Description:  Tema hijo de Twenty Twenty-Five para el supermercado digital. Vista de catálogo mobile-first: home con recompra y góndola, listado por categoría en dos columnas, ficha de producto, botón de compra inline sobre el Store API y carrito siempre visible. Sin paso de build.
Author:       Super
Template:     twentytwentyfive
Version:      0.1.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.3
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  super-tienda
Tags:         e-commerce, block-theme, full-site-editing
*/

/*
 * Este archivo existe sobre todo por su cabecera: es lo que convierte al
 * directorio en un tema y lo que declara el `Template:` que lo cuelga de Twenty
 * Twenty-Five.
 *
 * Los estilos del tema NO van acá. Van en dos lugares, y la división es
 * deliberada:
 *
 * - `theme.json` — colores, tipografía, espaciado y layout. Todo lo que sea un
 *   token del sistema de diseño vive ahí y sale como custom property de
 *   WordPress (`--wp--preset--color--*`, `--wp--custom--*`), así que el editor
 *   de sitio lo ve, lo puede cambiar una persona sin tocar código, y cualquier
 *   bloque —propio o de WooCommerce— lo hereda solo.
 * - `assets/css/tienda.css` — el layout de los componentes propios (tarjeta de
 *   producto, botón de compra, barra de carrito, chips de subcategoría). Eso es
 *   estructura, no token: no tiene representación en theme.json y no tendría
 *   sentido que la tuviera.
 *
 * Ningún color literal aparece en `tienda.css`: todos salen de las custom
 * properties que genera `theme.json`.
 *
 * WordPress carga esta hoja igual (`wp_enqueue_style` en functions.php) porque
 * un tema hijo de bloques no la encola solo. Se aprovecha para lo único que sí
 * corresponde acá: apagar el ruido de un tema de blog que este sitio no usa.
 */

/*
 * Twenty Twenty-Five reserva un margen vertical grande entre bloques de nivel
 * superior, pensado para un blog de lectura larga. En una pantalla de 380px eso
 * empuja la góndola abajo del pliegue. El espaciado real lo define theme.json
 * (`styles.spacing.blockGap`); acá sólo se neutraliza el margen que el tema
 * padre aplica por fuera de ese sistema.
 */
.wp-site-blocks > * {
	margin-block-start: 0;
	margin-block-end: 0;
}