/*
Theme Name: Falk
Theme URI: https://github.com/pycofa/generate-falk-ui
Author: Pycofa
Description: Thème block FSE du POC de refonte de falk-toys.com. Sans thème parent, sans page builder. La direction artistique est arrêtée dans docs/poc/direction-artistique.md.
Version: 0.1.0
Requires at least: 7.0
Tested up to: 7.0.4
Requires PHP: 8.3
License: UNLICENSED
Text Domain: falk
*/

/*
 * Ce fichier ne porte que l'en-tête du thème.
 *
 * Tout le style vit dans `theme.json` : un rayon, une ombre, une échelle
 * d'espacement, une famille typographique. Écrire du CSS ici, c'est
 * réintroduire la dette qu'on est en train de retirer — la charte du site
 * actuel n'existe qu'en surcharges `!important` dispersées dans 28 Ko de
 * `customize.css`.
 *
 * Si une règle ne s'exprime pas en `theme.json`, la question à se poser est
 * d'abord « ce bloc est-il le bon ? », pas « où mettre le CSS ? ».
 *
 * Une exception, et une seule, ci-dessous. Elle est motivée.
 */

/*
 * Cartes de la boutique, d'égale hauteur.
 *
 * `theme.json` ne sait pas exprimer l'alignement des éléments d'une grille :
 * `settings.layout` ne porte que les largeurs, et `styles` ne connaît ni
 * `align-items` ni `justify-content` sur un bloc de requête. La grille de
 * WooCommerce laisse donc chaque carte à sa hauteur propre, et les bordures
 * arrivent en escalier — ce qui se voit d'autant plus que la direction
 * artistique a posé une bordure et un rayon sur chacune (#6).
 *
 * Deux règles, aucune surcharge, aucun `!important`.
 */
.wp-block-woocommerce-product-template > li {
	display: flex;
}

.wp-block-woocommerce-product-template > li > .wp-block-group {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Le bouton d'achat se colle en bas, quel que soit le nombre de spécifications. */
.wp-block-woocommerce-product-template .wp-block-button {
	margin-top: auto;
}