/*
  JR Comment Form Resize + White Field
  Applies only on pages where the plugin enqueues this stylesheet.
*/

/* Ensure the whole comment block respects the (narrower) page container */
body .comments-area,
body .comments-area #respond,
body .comments-area .comment-respond,
body .comments-area .comment-form,
body .comments-area form#commentform {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Reduce the overall scale (spacing + headings) */
body .comments-area {
  margin-top: 16px !important;
}

body .comments-area .comment-reply-title,
body .comments-area #reply-title {
  font-size: 20px !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}

body .comments-area #respond,
body .comments-area .comment-respond {
  padding: 12px !important;
  border-radius: 10px !important;
}

body .comments-area .logged-in-as {
  margin: 0 0 10px 0 !important;
  font-size: 13px !important;
}

/* Keep form rows compact */
body .comments-area .comment-form > p {
  margin: 0 0 10px 0 !important;
}

/* Fix float label/flex wrapper so it doesn't create odd widths */
body .comments-area p.comment-form-comment.comment-form-float-label {
  display: block !important;
}

/* Textarea: white background + black text */
body .comments-area textarea#comment {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  min-height: 160px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body .comments-area textarea#comment::placeholder {
  color: rgba(0,0,0,0.55) !important;
}

/* Labels: black */
body .comments-area label,
body .comments-area .float-label {
  color: #000000 !important;
}

/* Buttons: keep them from looking oversized in the smaller container */
body .comments-area input[type="submit"],
body .comments-area button,
body .comments-area .submit {
  font-size: 14px !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
}

/* If theme adds a large background panel behind the textarea, keep it tidy */
body .comments-area .comment-form-comment,
body .comments-area .comment-form-comment * {
  box-sizing: border-box !important;
}