/* Theme-token plugin skin: docs/coding-standards.md */
#comments { width: 100%; max-width: none; margin: 40px 0 0; }
#comments #wpdcom { width: 100%; max-width: none; margin: 0; }
#comments #wpdcom .wpd-comment-text,
#comments #wpdcom .wpd-comment-text p { font: var(--puaro-discussion-reading) var(--puaro-grotesque); color: var(--puaro-discussion-text); overflow-wrap: anywhere; }
#comments #wpdcom .wpd-comment-text p { margin-top: 0; }
#comments #wpdcom .wpd-comment-text * { line-height: inherit; }
#comments #wpdcom .wpd-form :is(input[type="text"], input[type="email"], input[type="url"]),
#comments #wpdcom .wpdiscuz-edit-form-wrap :is(input[type="text"], input[type="email"], input[type="url"]) { font: 700 13px var(--puaro-slab); color: var(--puaro-title); border: 1px solid var(--puaro-border); border-radius: 0; box-shadow: none; }
#comments #wpdcom .wpd-form textarea,
#comments #wpdcom .wpdiscuz-edit-form-wrap textarea { font: var(--puaro-discussion-reading) var(--puaro-grotesque); color: var(--puaro-discussion-text); border: 1px solid var(--puaro-border); border-radius: 0; box-shadow: none; }
#comments #wpdcom .wpd-prim-button { background: var(--puaro-button); font-weight: 700; text-transform: uppercase; }
#comments #wpdcom :is(.wpd-blog-administrator, .wpd-blog-editor, .wpd-blog-author, .wpd-blog-contributor, .wpd-blog-subscriber, .wpd-blog-post_author, .wpd-blog-guest, .wpd-blog-translator) :is(.wpd-comment-author, .wpd-comment-author a, .wpd-comment-label) { color: var(--puaro-title); background: none; }
#comments #wpdcom .wpd-comment-author,
#comments #wpdcom .wpd-comment-author a { color: var(--puaro-title); }
#comments #wpdcom .wpdf-sorting,
#comments #wpdcom .wpdiscuz-sort-button,
#comments #wpdcom .wpd-comment-date,
#comments #wpdcom .wpd-user-nicename,
#comments #wpdcom .wpd-reply-button,
#comments #wpdcom .wpd-reply-to { color: var(--puaro-discussion-text); }
.puaro-comments .comment-content { font: var(--puaro-reading) var(--puaro-grotesque); }
.puaro-comment-list,
.puaro-comment-list .children { list-style: none; padding: 0; }
.puaro-comment-list .children { margin-left: 20px; padding-left: 16px; border-left: 1px solid var(--puaro-border); }
.puaro-comment-list .comment-body { padding: 20px 0; border-bottom: 1px solid var(--puaro-border); }
.puaro-comment-list .comment-meta { font-size: 13px; color: var(--puaro-muted); }
.puaro-comment-list .comment-author,
.puaro-comment-list .comment-author a { color: var(--puaro-title); }
.puaro-comment-list .avatar { float: left; margin: 0 12px 8px 0; }
.puaro-comments .comment-form label { display: block; margin-bottom: 6px; }
.puaro-comments .comment-form textarea { width: 100%; min-height: 140px; }
.puaro-comments .comment-form input:not([type="checkbox"]):not([type="submit"]),
.puaro-comments .comment-form textarea { font: var(--puaro-reading) var(--puaro-grotesque); color: var(--puaro-text); border: 1px solid var(--puaro-border); border-radius: 0; box-shadow: none; }
.puaro-comments .comment-form input:not([type="checkbox"]):not([type="submit"]) { width: 100%; max-width: 360px; }
.puaro-comments .comment-form-cookies-consent label { display: inline; }
.puaro-comments .submit { border: 0; border-radius: 0; box-shadow: none; padding: 12px 18px; background: var(--puaro-green); color: #000; font-family: var(--puaro-slab); }
#comments #wpdcom :is(.wpd-second-button, .wpd-reply-button, .wpdiscuz-sort-button, .wpd-vote-up, .wpd-vote-down) { -webkit-tap-highlight-color: transparent; }
#comments #wpdcom .wpd-prim-button:active,
.puaro-comments .submit:active { filter: brightness(.9); }
#comments #wpdcom .wpd-second-button:active,
#comments a.page-numbers:active { background: var(--puaro-ui-pressed); }
#comments #wpdcom .wpd-reply-button:active,
#comments #wpdcom a:not(.page-numbers):active,
.puaro-comment-list a:active,
.comment-navigation a:active { opacity: .7; }
/* wpDiscuz hover lightens these controls and sticks after a tap. Restore the resting paint on a coarse pointer. */
@media (hover: none), (pointer: coarse) {
  #comments #wpdcom .wpd-prim-button:hover { opacity: 1; box-shadow: 1px 1px 3px -1px #bbb; }
  #comments #wpdcom .wpd-second-button:hover { opacity: 1; box-shadow: 1px 1px 2px -1px #ccc; }
  #comments #wpdcom .wpdiscuz-sort-button:hover { background-color: transparent; }
  #comments #wpdcom .wpd-reply-button:hover svg { opacity: .7; }
  #comments #wpdcom .wpd-vote:not(.wpd-vote-disabled) :is(.wpd-vote-up, .wpd-vote-down):hover { opacity: .7; }
  #comments #wpdcom :is(.wpd-second-button, .wpd-reply-button, .wpdiscuz-sort-button, .wpd-vote-up, .wpd-vote-down) { transition: background-color 120ms, opacity 120ms, filter 120ms; }
}
#comments #wpdcom .wpdiscuz-sort-button:active { background: var(--puaro-ui-pressed); }
#comments #wpdcom .wpd-vote:not(.wpd-vote-disabled) :is(.wpd-vote-up, .wpd-vote-down):active { opacity: .45; }
@media (prefers-reduced-motion: reduce) {
  #comments #wpdcom :is(.wpd-prim-button, .wpd-second-button, .wpd-reply-button, .wpdiscuz-sort-button, .wpd-vote-up, .wpd-vote-down),
  .puaro-comments .submit { transition: none; }
}
