/**
 * Comment Restriction Frontend Styles
 *
 * Styles for the members-only notice shown in place of the comment
 * list and/or the comment form when a comment restriction rule
 * applies to the current visitor.
 *
 * @package ArraySubs
 * @since 1.13.0
 */

.arraysubs-comment-restricted {
  margin: 16px 0;
  padding: 16px 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-left: 4px solid #6366f1;
  border-radius: 6px;
  color: #334155;
  font-size: 14px;
  line-height: 1.6;

  p {
    margin: 0;
  }

  a {
    color: #4f46e5;
    text-decoration: underline;
  }
}

.arraysubs-comment-restricted-area {
  margin: 24px 0;

  .arraysubs-comment-restricted {
    margin-top: 0;
  }
}