/* ===== Customer Downloads ===== */

.customerdownloads-intro {
  margin-bottom: 1.25rem;
  color: #6c757d;
}

.customerdownloads-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.customerdownloads-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background: #fff;
}

.customerdownloads-item--expired,
.customerdownloads-item--limit {
  opacity: 0.75;
}

.customerdownloads-item__media img,
.customerdownloads-item__noimg {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  object-fit: cover;
  background: #f2f2f2;
  color: #adb5bd;
}

.customerdownloads-item__info {
  flex: 1 1 auto;
  min-width: 0;
}

.customerdownloads-item__name {
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0.25rem;
}

.customerdownloads-item__meta {
  font-size: 0.85rem;
  color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.4rem;
}

.customerdownloads-badge {
  display: inline-block;
  font-size: 0.78rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
}

.customerdownloads-badge--ok {
  background: #e7f6ec;
  color: #1f7a3d;
}

.customerdownloads-badge--ko {
  background: #fdecea;
  color: #b02a23;
}

.customerdownloads-item__action {
  flex: 0 0 auto;
}

.customerdownloads-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}

.customerdownloads-back {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 1.25rem;
}

/* Botón en la ficha de producto */
.customerdownloads-product-button {
  margin: 0.75rem 0;
}

.customerdownloads-product-button .customerdownloads-hint {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.82rem;
}

@media (max-width: 575px) {
  .customerdownloads-item {
    flex-wrap: wrap;
  }
  .customerdownloads-item__action {
    width: 100%;
  }
  .customerdownloads-item__action .customerdownloads-btn {
    width: 100%;
    justify-content: center;
  }
}