/* Greenpattes ADS — encadrés sponsorisés dans les listes de produits.
   Les cartes reprennent le gabarit des miniatures produit du thème
   (image carrée en haut, titre, prix) pour ne pas paraître plus petites.
   Les accents utilisent les jetons du design system (--color-primary : #006d6d). */
.gpads-slot {
  margin: 1.25rem 0 2rem;
  padding: 1rem 1.1rem 1.25rem;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background: #fcfcfb;
}
.gpads-slot__label {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-primary, #006d6d);
  margin-bottom: .85rem;
}

/* --- Encadrés tête / bas de liste : grille de tuiles verticales --- */
.gpads-slot__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 360px) {
  .gpads-slot__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
  .gpads-slot__cards { grid-template-columns: repeat(3, 1fr); }
}

.gpads-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .25s ease-out, border-color .25s ease-out;
}
.gpads-card:hover {
  border-color: var(--color-border-strong, #bdd2ca);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}
.gpads-card:hover .gpads-card__cta {
  background: var(--color-primary, #006d6d);
  border-color: var(--color-primary, #006d6d);
  color: #fff;
}
.gpads-card__img {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: #f2f2f2;
}
.gpads-card__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: .8rem .9rem 1rem;
}
.gpads-card__title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gpads-card__desc {
  margin-top: .4rem;
  font-size: .92rem;
  line-height: 1.5;
  color: #5b5b5b;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.gpads-card__price { color: var(--color-primary, #006d6d); font-weight: 700; font-size: 1.05rem; margin-top: .45rem; }
.gpads-card__cta {
  align-self: flex-start;
  margin-top: .75rem;
  padding: .4rem .85rem;
  border: 1px solid var(--color-primary, #006d6d);
  border-radius: 6px;
  font-size: .9rem;
  font-weight: 600;
  color: var(--color-primary, #006d6d);
  transition: background .2s ease-out, color .2s ease-out, border-color .2s ease-out;
}
.gpads-card__cta::after { content: " \2192"; }
/* Tuiles verticales : le bouton se cale en bas de la carte. */
.gpads-slot:not(.gpads-slot--full) .gpads-card__body { flex: 1; }
.gpads-slot:not(.gpads-slot--full) .gpads-card__cta { margin-top: auto; }

/* --- Bandeau « milieu de liste » (pleine largeur) : carte horizontale --- */
.gpads-slot--full .gpads-slot__cards { grid-template-columns: 1fr; }
.gpads-slot--full .gpads-card { flex-direction: row; }
.gpads-slot--full .gpads-card__img {
  flex: none;
  width: 260px;
  aspect-ratio: 1 / 1;
}
.gpads-slot--full .gpads-card__body {
  justify-content: center;
  padding: 1.1rem 1.35rem;
}
.gpads-slot--full .gpads-card__title { font-size: 1.15rem; }
@media (max-width: 575px) {
  .gpads-slot--full .gpads-card { flex-direction: column; }
  .gpads-slot--full .gpads-card__img { width: 100%; }
}

/* Prévisualisation (mode debug) : aucun encart payé, contenu de démonstration. */
.gpads-slot--debug { border-style: dashed; border-color: #c9b96b; background: #fffdf3; }
.gpads-slot__demo {
  margin-left: .5rem;
  padding: .05rem .4rem;
  border-radius: 999px;
  background: #f0e6b8;
  color: #7a6a12;
  text-transform: none;
  letter-spacing: 0;
  font-size: .68rem;
}