/* ---- Post Comments form ---- */

input:is([name="author"], [name="email"], [name="url"]),
textarea[name="comment"] {
  margin: 0;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
  display: flex;
  flex-direction: column;
}

.comment-form {
  label {
    font-weight: bold;
    width: 100%;
  }

  p {
    clear: both;
  }

  .mxs-light-theme-bg &,
  .mxs-dark-theme-bg .mxs-light-bg & {
    color: var(--dark-gray);
  }

  .mxs-dark-theme-bg &,
  .mxs-light-theme-bg .mxs-dark-bg & {
    color: var(--light-gray);
  }
}

#cancel-comment-reply-link {
  margin-left: 0.5em;
}

.form-allowed-tags {
  clear: both;
  padding-top: 1em;
}

@media (min-width: 600px) {
  .comment-form-comment,
  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    flex-direction: row;
  }

  .comment-form label {
    flex-basis: 25%;
  }
}

@media (min-width: 768px) {
  .comment-respond {
    clear: both;
  }
}

@media (min-width: 1024px) {
  .comment-form label {
    flex-basis: 33%;
  }
}

