/* Article comments only: React storefront and native WordPress themes. */
.wtg-post-comments,
body.single-post :is(#comments, #respond, .wp-block-comments) {
  color: #1f2937;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

.wtg-post-comments h2,
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comments-title, .comment-reply-title, .wp-block-comments-title) {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
}

.wtg-post-comment-author,
body.single-post :is(#comments, .wp-block-comments) :is(.comment-author, .comment-author .fn, .comment-author a, .wp-block-comment-author-name, .wp-block-comment-author-name a) {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.wtg-post-comment-date,
body.single-post :is(#comments, .wp-block-comments) :is(.comment-metadata, .comment-metadata a, .commentmetadata, .commentmetadata a, .wp-block-comment-date, .wp-block-comment-date a) {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}

.wtg-post-comment-content,
body.single-post :is(#comments, .wp-block-comments) :is(.comment-body, .comment-content, .wp-block-comment-content) {
  color: #1f2937 !important;
  background-color: #fff !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  overflow-wrap: anywhere;
}

.wtg-post-comment-content p,
body.single-post :is(#comments, .wp-block-comments) :is(.comment-content, .wp-block-comment-content) p,
body.single-post :is(#comments, .wp-block-comments) .comment-body > p {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.wtg-post-comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea),
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
  color: #111827 !important;
  -webkit-text-fill-color: #111827;
  background-color: #fff !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  min-height: 44px;
  opacity: 1;
}

.wtg-post-comment-form :is(input, textarea)::placeholder,
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(input, textarea)::placeholder {
  color: #475569 !important;
  -webkit-text-fill-color: #475569;
  opacity: 1 !important;
}

.wtg-post-comment-form :is(input, textarea):focus-visible,
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(input, textarea):focus-visible {
  border-color: #2563eb !important;
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(label, .comment-notes, .logged-in-as, .must-log-in) {
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.7;
}

.wtg-post-comment-action,
.wtg-post-comment-form button[type="submit"],
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(input[type="submit"], button[type="submit"]) {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
}

.wtg-post-comment-form button[type="submit"],
body.single-post :is(#comments, #respond, .wp-block-comments) :is(.comment-form, .wp-block-post-comments-form) :is(input[type="submit"], button[type="submit"]) {
  color: #fff !important;
  background-color: #1d4ed8 !important;
  min-height: 44px;
}