/* ============================================================
   premium_overrides.css (v8) — JSL Distribution
   Chargé en DERNIER: garde-fous finaux uniquement.

   Règles:
   - `styles.css` intouchable
   - Aucun layout fixe sur composants métier
   - One-scroll policy: pas de scroll-box vertical interne (hors tables en X)
   ============================================================ */

/* Last-resort anti overflow (certifiable) */
html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* ------------------------------------------------------------
   Commentaires / Réputation — Avis (format ligne par ligne)
   ------------------------------------------------------------ */
.reviews-list {
  max-width: 56.25rem; /* 900px */
  margin: 0.625rem auto 0 auto; /* 10px */
  text-align: left;
}

.review-line {
  display: grid;
  gap: 0.375rem; /* 6px */
  padding: 0.75rem 0.125rem; /* 12px 2px */
}

.review-line__name {
  font-weight: 900;
  letter-spacing: 0.2px;
  color: var(--fg);
  overflow-wrap: anywhere;
}

.review-line__stars {
  font-size: 1rem;
  letter-spacing: 1.5px;
  color: #d1a22b; /* doré sobre */
}

.review-line__text {
  color: var(--muted);
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.review-line__note {
  font-weight: 700;
  letter-spacing: 0.2px;
  color: color-mix(in srgb, var(--muted) 80%, var(--primary-500));
}

.reviews-divider {
  height: 0;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);
  margin: 0.75rem auto;
  max-width: 56.25rem; /* 900px */
}

@media (prefers-color-scheme: dark) {
  .reviews-divider {
    border-top: 1px solid color-mix(in srgb, var(--border-strong) 85%, transparent);
  }
}

/* ------------------------------------------------------------
   App (enterprise) — Badges débit/crédit + previews
   ------------------------------------------------------------ */
.badge.credit {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #22c55e;
}

.badge.debit {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #ef4444;
}

.preview-frame,
.preview-frame iframe {
  width: 100%;
  max-width: 100%;
}