/* ============================================================
   Alignement des cards produit dans la grille boutique
   ============================================================

   Cible : widget Elementor `wc-archive-products` (ou template
   thème artspace), qui rend la grille en <div> (pas <ul><li>).

   Structure HTML d'une card :
     .grid-item.product-item               (la "card")
       > .product-wrap                     (wrapper interne)
           > .product-top                  (image + actions hover)
           > .product-info                 (titre + prix + add-to-cart Woo)
           > a.rb-create-btn--loop         (NOTRE bouton "Créer mon livre")

   Objectifs :
   1. Cards d'une même rangée à hauteur égale (le parent
      `.products.layout-grid` est déjà `display:flex; flex-wrap:wrap`,
      mais le thème pose `.grid-item` en `display:inline-block`, ce
      qui empêche le stretch vertical → on force flex column).
   2. Bouton "Créer mon livre" toujours collé en bas de la card,
      quel que soit le nombre de lignes du titre.
   3. Bouton centré horizontalement.
   ============================================================ */

.products.layout-grid > .grid-item.product-item {
    display: flex !important;          /* override inline-block du thème */
    flex-direction: column;
    vertical-align: top;
}

.products.layout-grid > .grid-item.product-item > .product-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
}

.products.layout-grid > .grid-item.product-item .product-top,
.products.layout-grid > .grid-item.product-item .product-info {
    flex: 0 0 auto;
}

/* Notre bouton : collé en bas, centré, en flex pour centrer son label. */
.products.layout-grid > .grid-item.product-item > .product-wrap > .rb-create-btn--loop {
    display: inline-flex !important;
    margin-top: auto !important;       /* pousse le bouton en bas */
    margin-bottom: 8px;                /* respiration sous la card */
    align-self: center;                /* centre horizontalement */
}