/* ═════════════════════════════════════════════════════════════════
   marketplace-listing-intercept.css
   v2 spec Item C (2026-05-24) — sub4sub intercept inside the Respond
   bottom sheet. Replaces the composer body when the AI classifier
   blocks a send. Hidden by default; JS unhides + hides composer chrome.

   Lives in its own file because marketplace-listing.css is past the
   1500-line anti-bloat cap. ~30 lines, loaded on listing-detail only.
   ═════════════════════════════════════════════════════════════════ */

.mp-sheet__intercept {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 28px 20px 20px;
}

/* The block ships with the `hidden` attribute and is revealed by JS only
   after the server screens a send (interceptEl.hidden = false). Without
   this rule the `display: flex` above out-specifies the UA [hidden] style,
   so the rejection banner leaks into view on every modal open. Keep the
   attribute authoritative for the hidden state. */
.mp-sheet__intercept[hidden] {
  display: none;
}

.mp-sheet__intercept-icon {
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(202, 138, 4, 0.12);
  color: #ca8a04;
  font-size: 1.5rem;
}

.mp-sheet__intercept-title {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-gray-900);
  line-height: 1.25;
}

.mp-sheet__intercept-body {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--color-gray-700);
  max-width: 480px;
}

.mp-sheet__intercept-body strong {
  color: var(--color-gray-900);
  font-weight: 700;
}

.mp-sheet__intercept-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 320px;
  margin-top: 4px;
}

.mp-sheet__intercept-actions .button {
  width: 100%;
}

@media (min-width: 480px) {
  .mp-sheet__intercept-actions {
    flex-direction: row;
    max-width: none;
    justify-content: center;
  }
  .mp-sheet__intercept-actions .button {
    width: auto;
  }
}

/* ── Quota-wall upgrade link ──
   Inline, link-styled button inside the disclosure strip shown when a free
   user has no messages left. Hands off to NCM v2 (marketplace-listing.js);
   the gold crown marks it as a premium unlock per the velvet-rope rule.
   Lives here (not marketplace-listing.css) because that file is past the
   1500-line anti-bloat cap and this is the same respond-sheet surface. */
.mp-sheet__upgrade-link {
  display: inline;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--color-primary);
  font-weight: 600;
  cursor: pointer;
}
.mp-sheet__upgrade-link:hover {
  text-decoration: underline;
}
.mp-sheet__upgrade-link .cp-crown {
  color: #ca8a04;
}