/* ── GEM Product Family — Frontend ─────────────────────────────────────── */

/* ── Sélecteur famille (fiche produit) ─────────────────────────────────── */

.gem-pf-selector {
  margin-bottom: 24px;
  padding: 16px;
  background: #f8f9fb;
  border: 1px solid #e8eaed;
  border-radius: 8px;
}

.gem-pf-selector__title {
  font-size: .8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #666;
  margin-bottom: 10px;
}

.gem-pf-selector__items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gem-pf-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 14px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
  min-width: 90px;
  cursor: pointer;
}

.gem-pf-item:hover {
  border-color: #00aed7;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 8px rgba(0, 174, 215, .15);
}

.gem-pf-item--active {
  border-color: #00aed7;
  background: #e8f8fc;
  pointer-events: none;
}

.gem-pf-item--outofstock {
  opacity: .55;
}

.gem-pf-item__label {
  font-size: .875rem;
  font-weight: 600;
  color: #141f35;
  line-height: 1.3;
}

.gem-pf-item__price {
  font-size: .8125rem;
  color: #00aed7;
  font-weight: 700;
  margin-top: 2px;
}

.gem-pf-item__stock {
  font-size: .7rem;
  margin-top: 3px;
  font-weight: 500;
}

.gem-pf-item__stock--in  { color: #2e7d32; }
.gem-pf-item__stock--out { color: #e53935; }

/* ── Loop boutique — variation title ───────────────────────────────────── */

.gem-pf-variation-title {
  display: block;
  font-size: .875rem;
  line-height: 1.4;
}

/* ── Bouton "Voir le produit" sur carte variation ──────────────────────── */

.gem-pf-select-variation {
  display: inline-block;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
  .gem-pf-selector__items {
    flex-direction: column;
  }
  .gem-pf-item {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: unset;
  }
  .gem-pf-item__stock { margin-top: 0; }
}