/**************************/
/*COMMERNT */
/**************************/

#review_form_wrapper form,
#commentform {
  display: grid;
  margin-bottom: min(5.2rem, 22vw);
}
.comment-title {
  font-size: var(--fs-24);
  text-align: center;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  color: var(--c-neutral-900);
}
.item-comment {
  background: var(--c-neutral-0);
  border-radius: 12px;
  padding: min(2rem, 3vw);
}

.comment-notes,
#reviews > #review_form_wrapper #reply-title {
  display: none;
}
.comment-notes,
#reviews > #review_form_wrapper #reply-title {
  display: none;
}
.comment-notes {
  display: none;
}
.comment-form-comment,
.comment-form-mobile {
  grid-column: 1/-1;
}

/* .comment_container {
  border: 2px solid rgba(var(--c-primary-rgb), 0.2);
  border-radius: 4px;
  padding: min(2.8rem, 3vw) min(4.5rem, 3vw) min(2rem, 3vw);
  position: relative;
} */
.comment_container,
.commentlist li:not(:last-child) {
  margin-bottom: 3.8rem;
}
.meta_comment {
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 1.8rem;
  row-gap: 1.8rem;
  /* align-items: center; */
  padding-bottom: 1rem;
  justify-content: space-between;
}

.author_comment .icon-account {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--c-primary);
  border-radius: 100vw;
  color: var(--c-neutral-000);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.byadmin > .comment_container .meta_comment {
  background-color: var(--c-primary);
}
.author_comment {
  font-size: min(1.4rem, 4vw);
  display: flex;
  align-items: center;
  gap: min(0.4rem, 2vw);
  color: var(--c-neutral-700);
}
.byadmin .author_comment {
  color: var(--c-primary-600);
}
.author_comment .icon {
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--c-primary);
  font-size: 2rem;
  flex: none;
}
.author_comment .icon-user {
  background: var(--c-neutral-0);
}
.author_comment .icon-logo {
  background: var(--c-primary);
  color: var(--c-neutral-0);
}
.woocommerce-noreviews {
  display: none;
}

.byadmin > .comment_container .time_comment {
  color: var(--c-neutral-000);
}
.text-comment {
  line-height: 2.5;
  padding-top: min(3rem, 4vw);
}
.time_comment {
  color: var(--c-neutral-700);
  font-size: var(--fs-14);
}

.time_comment i {
  font-size: 2rem;
}
.time_comment > span {
  display: flex;
  align-items: center;
  gap: 3px;
}
.time_comment > span > i {
  vertical-align: baseline;
  font-size: 1.6rem;
  margin-left: 0.4rem;
}
.time_comment > span .icon-time {
  font-size: 1.8rem;
}
.commentlist ul.children {
  padding-right: min(3.5rem, 7vw);
  position: relative;
  margin-bottom: 3.8rem;
}
.commentlist ul.children li:first-child::before {
  content: "\e909";
  position: absolute;
  right: 0;
  font-family: var(--ff-icon);
  color: var(--c-primary-500);
  font-size: 2rem;
  top: 2rem;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
.comment_container {
  padding: 0 min(5rem, 5vw) 1.7rem;
  position: relative;
  border-radius: 3.5rem;
  border: 1px solid var(--br-300);
}
.children .comment_container {
  border: 1px solid var(--bg-primary3);
}

.item-comment.byadmin > .comment_container {
  border-color: var(--c-primary);
}
.comment-awaiting-moderation {
  padding: 0.5rem;
  color: var(--c-blue-400);
  text-align: center;
  display: block;
  background: var(--c-blue-0);
  font-style: normal;
  font-weight: 500;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-radius: 12px;
}
.text_comment.editor-content.main-content {
  font-size: var(--fs-15);
  font-variation-settings: var(--fw-150);
}
.text_comment.editor-content.main-content > * + * {
  margin-top: 0.5rem;
}

.comment-reply-link {
  font-size: var(--fs-14);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--c-neutral-0);
  background: var(--c-secondary-800);
  border-radius: 50vw;
  position: absolute;
  transform: translateY(min(2rem, 3vw));
  top: 100%;
}

.comment-rate {
  display: flex;
  min-width: 4.8rem;
  background: var(--c-primary);
  border-radius: 12px;
  color: var(--c-neutral-000);
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 1px 1rem;
  font-size: var(--fs-14);
}
.comment-rate i {
  vertical-align: baseline;
  font-size: 17px;
}
.footer--comment {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
.comment-reply-link i {
  font-size: 10px;
}
.comment-reply-link:hover {
  opacity: 0.8;
}
.comment-reply-title {
  display: flex;
  gap: min(2rem, 3vw);
  background: var(--c-neutral-0);
  border: 1px dashed var(--c-primary-100);
  padding: 1rem 3rem 1rem 1rem;
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: var(--fs-14);
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  border-radius: 12px;
}
#cancel-comment-reply-link {
  color: var(--c-primary-400);
}
#cancel-comment-reply-link:hover {
  color: var(--c-primary-800);
}
.isreply {
  position: absolute;
  left: calc(100% + (7.2rem / 2));
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 3rem;
  color: var(--c-primary);
  line-height: 1;
  background: var(--bg-white);
}
.must-log-in,
.woocommerce-verification-required {
  border: 1px solid var(--danger);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 6rem;
  color: var(--danger);
}
.comment-form-comment,
.comment-form-email,
.comment-form-author {
  position: relative;
}
/* load more */

.editor-content.main-content.text-comment > * + * {
  margin: 0;
}
/* .load-more-faqs::before,
#load-more-comments::before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 100vw;
  position: absolute;
  font-size: 13px;
  top: calc(50% + -3.75px);
  transform: translateY(-50%);
  line-height: 1;
  left: 1.6rem;
  background-color: var(--bg-primary);
} */
.load-more-faqs:hover::before,
#load-more-comments:hover::before {
  background-color: var(--c-secondary);
}
.load-more-faqs:hover::after,
#load-more-comments:hover::after {
  /* color: var(--c-secondary); */
}
#load-more-comments {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
.main_comment {
  position: relative;
}
/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
  .af-form.acf-form > .acf-fields {
    grid-template-columns: 1fr;
  }
}

/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
  .author-post-text {
    flex: 1;
  }
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 75em) {
}

/**************************/
/* BELOW 1200px */
/**************************/
@media (max-width: 75em) {
}
/**************************/
/* BELOW 992px */
/**************************/
@media (max-width: 62em) {
}

/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 35.99em) {
  .commentlist ul.children::before {
    color: var(--c-primary);
    background-color: unset;
    padding-right: 0;
  }
  #review_form_wrapper form,
  #commentform {
    grid-template-columns: minmax(0, 1fr);
  }
  .commentlist ul.children::before {
    color: var(--c-primary);
    background-color: unset;
    padding-right: 0;
  }
  .commentlist ul.children {
    padding-right: 3rem;
  }
  #review_form_wrapper form,
  #commentform {
    grid-template-columns: minmax(0, 1fr);
  }
  .commentlist ul.children li:first-child::before {
    right: -0.4rem;
    top: 2rem;
    width: 3rem;
    height: 4rem;
    font-size: 2rem;
  }
}