/* Page Vente : filtres par état et cartes produit (filtrage : js/products.js) */

.filtres {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--espace-xs);
  margin-bottom: var(--espace-l);
}

.filtres button {
  min-height: 44px;
  padding: 0.5em 1.3em;
  border: 1px solid var(--or-clair);
  background-color: var(--papier);
  font-family: var(--police-capitales);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color var(--transition), color var(--transition), border-color var(--transition);
}

.filtres button:hover {
  border-color: var(--or);
}

.filtres button[aria-pressed="true"] {
  background-color: var(--vert);
  border-color: var(--vert);
  color: var(--ivoire);
}

.produits {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--espace-l) var(--espace-m);
}

.carte-produit__lien {
  display: block;
  color: var(--encre);
  text-align: center;
  text-decoration: none;
}

.carte-produit__image {
  margin-bottom: var(--espace-m);
  transition: transform var(--transition);
}

.carte-produit__image img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.carte-produit__lien:hover .carte-produit__image {
  transform: translateY(-4px);
}

.carte-produit__nom {
  margin: var(--espace-xs) 0;
  font-size: 1.6rem;
}

.carte-produit__lien .lien-fleche {
  color: var(--vert);
}

.carte-produit__lien:hover .lien-fleche {
  color: var(--or-fonce);
}