/*
 * "Ajouter au panier" on product miniatures (Valérianne: D2 on 26/09, D27 on 27/09): every miniature
 * shows it except those of the systems and the packs. Both kinds of miniatures are covered: Creative
 * Elements (home page grids, form.elementor-atc) and the theme (category pages, form.vignette-panier).
 * The rule follows the default category of the product, read from the product address of the
 * miniature (route {category:/}{id}-...): systems 10, 24, 25 and packs 18, French then English
 * rewrites. A product whose default category changes follows by itself; renaming one of these
 * rewrites means updating the list below. The file name carries its version: the Infomaniak cache
 * ignores ?v=.
 */
article[data-id-product]:has(
  a[href*="/fr/systemes-berkey/"], a[href*="/fr/berkey-domicile/"], a[href*="/fr/berkey-compacts/"],
  a[href*="/fr/packs-berkey/"],
  a[href*="/gb/berkey/"], a[href*="/gb/pour-la-maison/"], a[href*="/gb/pour-le-voyage/"],
  a[href*="/gb/pack-promo-berkey-benelux-belgique/"]
) :is(.elementor-atc, .vignette-panier) {
  display: none;
}

/* Creative Elements grids: without a button, a card would end under its price while its neighbours
   run lower; every card takes the height of its row. */
.ce-product-grid > .elementor-product-miniature {
  align-self: stretch;
}

/* Theme miniatures: same look as the button of the Creative Elements miniatures (template 1170101). */
.product-miniature .vignette-panier {
  margin: 11px 0 0;
  text-align: center;
}

.product-miniature .vignette-panier-bouton {
  min-height: 44px;
  padding: 8px 16px;
  font-family: "Manrope", "Open Sans", sans-serif;
  font-size: .875rem;
  text-transform: none;
  color: #0a0a0a;
  background-color: transparent;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
}

.product-miniature .vignette-panier-bouton:hover,
.product-miniature .vignette-panier-bouton:focus {
  color: #fff;
  background-color: #0088cc;
  border-color: #0088cc;
}