/**
 * Mergan Chemi compatibility layer for the bundled Rabino Comment component.
 * Rabino Comment's own UI remains authoritative; these rules only make its
 * neutral surfaces inherit the theme correctly in dark mode and preserve the
 * existing product/article section width.
 */
#mergan-rabino-comments-slot {
  inline-size: 100%;
  min-inline-size: 0;
}

#mergan-rabino-comments-slot:empty {
  display: none;
}

.mergan-rabino-comments {
  inline-size: 100%;
  max-inline-size: 100%;
  margin: 0;
}

.dark .mergan-rabino-comments {
  --rabino-comment-surface: var(--card);
  --rabino-comment-surface-muted: var(--secondary);
  --rabino-comment-text: var(--foreground);
  --rabino-comment-text-muted: var(--muted-foreground);
  --rabino-comment-text-soft: #7f96aa;
  --rabino-comment-success: #6fc8b6;
  --rabino-comment-success-soft: rgba(111, 200, 182, 0.09);
  --rabino-comment-success-border: rgba(111, 200, 182, 0.3);
  --rabino-comment-danger: #f2a79d;
  --rabino-comment-danger-soft: rgba(209, 74, 60, 0.1);
  --rabino-comment-danger-border: rgba(242, 167, 157, 0.28);
  --rabino-comment-warning: #e8c576;
  --rabino-comment-warning-soft: rgba(232, 197, 118, 0.1);
  --rabino-comment-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.16);
  --rabino-comment-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.2);
}

@media (max-width: 600px) {
  .mergan-rabino-comments {
    min-inline-size: 0;
  }
}