/*********************************************************************
 * C:/Apache24/sites/apptemplate/v1/Business/Modules/MarketplaceModeration/Assets/css/public-moderation.css
 * @title 🎨 Signalement public Marketplace
 * @description Met en forme le formulaire de signalement dans une expérience publique mobile-first cohérente avec les avis.
 *********************************************************************/

.marketplace-report-page {
  width:min(100%,780px);
  margin:0 auto;
  display:grid;
  gap:15px;
  color:var(--mpp-ink);
  font-family:"Manrope","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.marketplace-report-back {
  width:fit-content;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--mpp-muted);
  font-size:.7rem;
  font-weight:800;
  text-decoration:none;
}
.marketplace-report-alert {
  display:flex;
  gap:9px;
  padding:13px 15px;
  border-radius:16px;
  font-size:.72rem;
  font-weight:750;
}
.marketplace-report-alert p { margin:0; }
.marketplace-report-alert.is-success { background:#edf8f1;color:#34765a; }
.marketplace-report-alert.is-error { background:#fff0f2;color:#ad4853; }
.marketplace-report-hero {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  padding:clamp(22px,5vw,34px);
  border:1px solid var(--mpp-line);
  border-radius:28px;
  background:radial-gradient(circle at top right,rgba(230,152,91,.14),transparent 36%),#fff;
  box-shadow:var(--mpp-shadow-soft);
}
.marketplace-report-hero>span {
  width:56px;height:56px;display:grid;place-items:center;
  border-radius:18px;background:#fff1e6;color:#ae6134;
}
.marketplace-report-hero small {
  color:#8a674f;font-size:.65rem;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;
}
.marketplace-report-hero h1 {
  margin:5px 0 8px;font-size:clamp(1.7rem,5vw,2.7rem);
  font-weight:500;letter-spacing:-.05em;line-height:1;
}
.marketplace-report-hero p {
  margin:0;color:var(--mpp-muted);font-size:.76rem;line-height:1.55;
}
.marketplace-report-review,
.marketplace-report-form {
  padding:clamp(19px,4vw,28px);
  border:1px solid var(--mpp-line);
  border-radius:24px;background:#fff;
  box-shadow:var(--mpp-shadow-soft);
}
.marketplace-report-review {
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
}
.marketplace-report-review strong,
.marketplace-report-review small { display:block; }
.marketplace-report-review strong { font-size:.8rem; }
.marketplace-report-review small { margin-top:3px;color:var(--mpp-muted);font-size:.62rem; }
.marketplace-report-review>span { color:#b9821c;font-size:.68rem;font-weight:850; }
.marketplace-report-review p {
  grid-column:1/-1;margin:8px 0 0;color:var(--mpp-ink-soft);
  font-size:.74rem;line-height:1.6;
}
.marketplace-report-form { display:grid;gap:13px; }
.marketplace-report-form label { display:grid;gap:6px; }
.marketplace-report-form label>span { font-size:.68rem;font-weight:850; }
.marketplace-report-form select,
.marketplace-report-form textarea {
  width:100%;padding:12px 13px;border:1px solid var(--mpp-line);
  border-radius:14px;background:var(--mpp-soft);color:var(--mpp-ink);
  font:inherit;font-size:.74rem;
}
.marketplace-report-form textarea { resize:vertical;line-height:1.55; }
.marketplace-report-info {
  display:flex;gap:9px;padding:12px;border-radius:14px;
  background:#f2f6f4;color:var(--mpp-muted);font-size:.65rem;line-height:1.5;
}
.marketplace-report-info p { margin:0; }
.marketplace-report-form button {
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;border:0;border-radius:15px;background:#7d3f32;color:#fff;
  font-size:.74rem;font-weight:850;cursor:pointer;
}
@media(max-width:560px) {
  .marketplace-report-hero { grid-template-columns:1fr; }
}