/*
 * Pages producteurs : archive et fiche.
 *
 * Les valeurs reprennent celles de kirana/woocommerce.css pour
 * `ul.products li.product`. Voir docs/producteurs.md.
 */

.fhema-producers__intro {
  color: var(--fhema-color-muted);
}

.wp-block-post-template.fhema-producers {
  gap: 48px 30px;
}

.wp-block-post-template.fhema-producers > li {
  display: flex;
}

.fhema-producer-card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.fhema-producer-card .wp-block-post-excerpt {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.fhema-producer-card__image {
  margin: 0;
}

.fhema-producer-card__image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.fhema-producer-card .wp-block-post-title {
  margin: 16px 0 0;
  font-size: var(--wp--preset--font-size--large);
  font-weight: 400;
  line-height: 1.3;
}

.fhema-producer-card .wp-block-post-title a {
  text-decoration: none;
}

.fhema-producer-card .wp-block-post-title a:hover {
  text-decoration: underline;
}

.fhema-producer-card .wp-block-post-excerpt {
  margin: 8px 0 0;
  color: var(--fhema-color-muted);
}

.fhema-producer-card .wp-block-post-excerpt__excerpt {
  margin: 0;
}

.fhema-producer-card .wp-block-post-excerpt__more-text {
  margin: auto 0 0;
  padding-top: 16px;
}

/* Le sélecteur reprend la forme de celui de Kirana : plus court, il perdrait
   à spécificité égale selon l'ordre de chargement. */
.fhema-producer-card .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
  display: inline-flex;
  align-items: center;
  padding: 10px 28px;
  border: 1px solid var(--fhema-color-green);
  border-radius: 50px;
  background-color: var(--fhema-color-green);
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.fhema-producer-card .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link:hover {
  border: 1px solid var(--fhema-color-text);
  background-color: var(--fhema-color-text);
  color: #ffffff;
}

.fhema-producer__image img {
  display: block;
  width: auto;
  max-height: 560px;
  margin-inline: auto;
}

/* La marge est portée par la section et non par le groupe du gabarit : sur un
   producteur sans produit rattaché, le bloc ne rend rien et un groupe vide
   laisserait 64 px de blanc avant le pied de page. */
.fhema-producer-products {
  margin-top: 64px;
}

.fhema-producer-products__title {
  margin: 0 0 32px;
  text-align: center;
}