/* productor-detail.css — fiche producteur (thème clair éco) */

.productor-detail {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 2rem 1.25rem;
  font-family: system-ui, sans-serif;
  color: #1b1b1b;
  background: #fff;
}

/* En-tête producteur */
.productor-detail h2 {
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2.1rem);
  margin-bottom: .25rem;
  color: #2e7d32; /* vert principal */
}
.productor-detail h4 {
  margin: .25rem 0 .5rem;
  font-size: 1.05rem;
  font-weight: 500;
  color: #5f6f64; /* gris-vert doux */
}
.productor-detail > div > p {
  margin: 0 0 1.25rem;
  color: #5f6f64;
  font-style: italic;
}

/* Titre section produits */
.productor-detail h3 {
  margin: 1.5rem 0 1rem;
  font-size: 1.4rem;
  color: #2e7d32;
}

/* Grille de produits */
.productor-detail ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1rem;
}

/* Carte produit */
.productor-detail li {
  border: 1px solid #dce5dd;
  border-radius: 12px;
  background: #ffffff;
  padding: 1rem;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  row-gap: .35rem;
  transition: border-color .2s ease, box-shadow .2s ease, transform .12s ease;
}
.productor-detail li:hover {
  border-color: #4caf50;
  box-shadow: 0 6px 18px rgba(76, 175, 80, 0.12);
  transform: translateY(-2px);
}

/* Nom produit */
.productor-detail li h4 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #2e7d32;
}

/* Prix (badge) */
.productor-detail li p {
  margin: 0;
  color: #1b1b1b;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.productor-detail li p::before {
  font-weight: 500;
  color: #5f6f64;
}

/* Bouton “Ajouter au panier” */
.productor-detail li button {
  justify-self: start;
  margin-top: .5rem;
  padding: .6rem 1rem;
  border: 1px solid #2e7d32;
  border-radius: 10px;
  background: #2e7d32;
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, transform .1s ease, opacity .2s ease;
}
.productor-detail li button:hover {
  background: #4caf50;
  border-color: #4caf50;
  transform: translateY(-1px);
}
.productor-detail li button:active { transform: translateY(0); }
.productor-detail li button:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}

/* État “non trouvé” */
.productor-detail > p {
  text-align: center;
  padding: 2rem 1rem;
  border: 1px dashed #dce5dd;
  border-radius: 12px;
  color: #b23c17; /* terre cuite douce */
  background: #fff;
}

/* Accessibilité & focus visibles */
.productor-detail a:focus-visible,
.productor-detail button:focus-visible {
  outline: 3px solid rgba(76,175,80,.35);
  outline-offset: 2px;
  border-radius: 12px;
}

/* Responsive */
@media (max-width: 640px) {
  .productor-detail { padding: 1.25rem .75rem; }
}