/**************************/
/*COMMERNT */
/**************************/
#review_form_wrapper form,
#commentform {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -moz-column-gap: 2.8rem;
  column-gap: 2rem;
  row-gap: min(2.4rem, 5vw);
  margin-bottom: 5rem;
}

.item-comment {
  background: var(--c-neutral-50);
  border-radius: 2.4rem;
  padding: 0 min(4rem, 5vw) min(2rem, 5vw);
  overflow: hidden;
  position: relative;
}

.item-comment.byadmin {
  background: var(--c-secondary);
  color: var(--c-white);
}

.item-comment.byadmin::after {
  display: none;
}

.comment-notes,
#reviews>#review_form_wrapper #reply-title {
  display: none;
}

.comment-notes {
  display: none;
}

.comment-form-cookies-consent {
  display: none;
}

/* .form-submit, */
.comment-form-comment,
.comment-form-mobile {
  grid-column: 1/-1;
}

.form-submit {
  align-self: end;
  justify-self: end;
  grid-column: unset;
}

.blog .form-submit {
  grid-column: 1 / -1;
  justify-self: center;
}

.cat-parent {
  position: relative;
}

/* .comment_container {
  border: 2px solid rgba(var(--c-blue-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: 2.8rem;
}

.meta_comment {
  display: flex;
  -moz-column-gap: 0.5rem;
  column-gap: 1.8rem;
  row-gap: 1.8rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(1.4rem, 4vw);
  padding: .5rem 1.2rem;
  border-radius: 0 0 2rem 2rem;
  color: var(--c-primary);
  background-color: var(--c-blue-50);
}

.byadmin .meta_comment {
  background-color: #B2836C;
  color: #fff;
}

.mobile .meta_comment {
  justify-content: space-between;
}

/* .author_comment img {
  max-width: 14rem;
  -o-object-fit: contain;
  object-fit: contain;
} */
/* .author_comment .icon-account {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--c-blue);
  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-blue); */
}

.author_comment {
  font-size: var(--fs-16);
  display: flex;
  align-items: center;
  gap: min(.8rem, 1.5vw);
}

.author_comment i {
  max-width: 3.9rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.8rem;
}

.author_comment img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}


.woocommerce-noreviews {
  display: none;
}

.text-comment {
  line-height: 2.5;
  padding-top: min(3rem, 4vw);
}

.time_comment {
  display: flex;
  align-items: end;
  justify-content: center;
  line-height: 1;
  flex-wrap: wrap;
  font-size: 1.4rem;
}

.time_comment i {
  font-size: 2rem;
  margin-left: .5rem;
}


.commentlist ul.children {
  padding-right: min(6rem, 7vw);
  position: relative;
  margin-bottom: 2.8rem;
}

.commentlist ul.children::before {
  content: "\e943";
  font-family: var(--ff-icon);
  position: absolute;
  right: .5rem;
  top: 3rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-secondary);
  font-size: 2.4rem;
}

.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-blue);
}

.comment-awaiting-moderation {
  color: var(--c-white);
  text-align: center;
  display: block;
  background: var(--c-danger);
  padding: .5rem 1rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-radius: 8px;
}

.text_comment.editor-content {
  font-size: var(--fs-16);
  margin-bottom: min(1.4rem, 4vw);
  color: var(--c-neutral-850);
}

.byadmin .text_comment.editor-content {
  color: var(--c-white);
}

.text_comment.editor-content>*+* {
  margin-top: 0.5rem;
}

.comment-reply-link {
  margin-right: auto;
  transition: 0.3s var(--ease2);
  gap: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  font-size: 1.6rem;
  color: var(--c-primary);
}

.comment-reply-link:after {
  content: "\e916";
  font-family: var(--ff-icon);
  font-size: 1.3rem;
  margin-top: -.4rem;
}

/* .item-comment.byadmin .time_comment, */
.item-comment.byadmin .comment-reply-link {
  color: var(--c-white);
}

.item-comment.byadmin .comment-reply-link:hover {
  color: var(--c-primary);
}

.comment-reply-link:hover {
  color: var(--c-secondary);
}

.comment-rate {
  display: flex;
  min-width: 4.8rem;
  background: var(--c-blue);
  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-white);
  border: 1px dashed var(--c-primary);
  border-radius: 2.4rem;
  padding: 1rem 3rem 1rem 2rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
  font-size: var(--fs-14);
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}

#cancel-comment-reply-link {
  color: var(--c-primary);
}

#cancel-comment-reply-link:hover {
  color: var(--c-secondary);
}

.isreply {
  position: absolute;
  left: calc(100% + (7.2rem / 2));
  transform: translate(-50%, -50%);
  top: 50%;
  font-size: 3rem;
  color: var(--c-blue);
  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-orange);
}

.load-more-faqs:hover::after,
#load-more-comments:hover::after {
  /* color: var(--c-orange); */
}

#load-more-comments {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.form-pattern #author {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><rect width="48" height="48" fill="%23fff" rx="24"/><circle cx="24" cy="18" r="4" stroke="%230E1D7D" stroke-width="1.5"/><path stroke="%230E1D7D" stroke-linecap="round" stroke-width="1.5" d="M27 32.615c-.91.247-1.926.385-3 .385-3.866 0-7-1.79-7-4s3.134-4 7-4 7 1.79 7 4c0 .345-.077.68-.22 1"/></svg>');
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 4.8rem;
  padding-right: 6.5rem;
}

.form-pattern #email {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><rect width="48" height="48" fill="%23fff" rx="24"/><path stroke="%230E1D7D" stroke-linecap="round" stroke-width="1.5" d="M32 24c0 3.017 0 4.525-.937 5.462-.938.938-2.446.938-5.463.938h-3.2c-3.017 0-4.525 0-5.463-.938C16 28.525 16 27.017 16 24s0-4.526.937-5.463c.938-.937 2.446-.937 5.463-.937h3.2c3.017 0 4.525 0 5.463.937.522.522.754 1.223.856 2.263"/><path stroke="%230E1D7D" stroke-linecap="round" stroke-width="1.5" d="m28.8 20.8-1.728 1.44c-1.47 1.224-2.204 1.836-3.073 1.836-.52 0-.99-.22-1.6-.657m-3.2-2.62.72.6.72.6"/></svg>');
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 4.8rem;
  padding-right: 6.5rem;
}

.form-pattern #comment {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" fill="none" viewBox="0 0 34 34"><rect width="34" height="34" fill="%23fff" rx="17"/><path fill="%230E1D7D" d="M21.784 12.93a2.323 2.323 0 0 1 3.285 3.285l-3.78 3.78c-.217.218-.37.372-.541.506-.193.15-.402.28-.623.385-.197.094-.404.162-.697.26l-.99.33-.322.107-.32.106a1.175 1.175 0 0 1-1.486-1.485l.107-.32.107-.322.33-.991c.098-.293.165-.5.26-.696.104-.221.234-.43.385-.623.134-.172.288-.324.506-.542l3.779-3.78Zm-2.719 4.84c-.243.243-.32.322-.384.404a1.873 1.873 0 0 0-.213.346 4.9 4.9 0 0 0-.19.526l-.292.872.095.094.873-.29a4.89 4.89 0 0 0 .525-.19 1.87 1.87 0 0 0 .346-.214c.082-.064.161-.14.404-.384l2.578-2.579a3.42 3.42 0 0 1-1.164-1.164l-2.578 2.58Zm4.944-3.78a.823.823 0 0 0-1.164 0l-.08.081c.07.2.201.463.45.713.25.25.514.381.713.451l.08-.08a.823.823 0 0 0 0-1.164ZM15.8 17.05a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h2Zm3.201-3.2a.75.75 0 0 1 0 1.5h-5.2a.75.75 0 0 1 0-1.5H19Zm-4 6.4a.75.75 0 0 1 0 1.5h-1.2a.75.75 0 0 1 0-1.5H15Z"/><path fill="%230E1D7D" d="M23.451 18.6a.75.75 0 0 1 1.5 0c0 .56-.003 1.08-.01 1.56.001.016.003.034.002.05 0 .088-.004.174-.006.259l-.005.246c-.019.67-.057 1.277-.157 1.823l-.011.057c-.017.085-.034.17-.053.252l-.024.095a4.726 4.726 0 0 1-.147.47 3.735 3.735 0 0 1-.267.563l-.014.023a4.12 4.12 0 0 1-.115.177l-.021.03a3.135 3.135 0 0 1-.33.388c-.63.63-1.426.905-2.38 1.033-.934.125-2.125.124-3.612.124h-1.6c-1.487 0-2.678.001-3.611-.124-.955-.128-1.75-.402-2.382-1.033a.75.75 0 1 1 1.06-1.06c.307.305.733.5 1.521.607.81.108 1.883.11 3.412.11h1.6c1.53 0 2.601-.002 3.41-.11.79-.106 1.216-.302 1.522-.608a1.638 1.638 0 0 0 .196-.238l.027-.041a2.271 2.271 0 0 0 .238-.539c.015-.049.03-.1.043-.152l.016-.07c.012-.052.023-.104.033-.159l.013-.064c.082-.465.123-1.07.14-1.882.01-.517.012-1.107.012-1.787Zm-14.4 0v-3.2c0-1.487-.002-2.678.124-3.61.128-.955.402-1.752 1.033-2.383.631-.631 1.427-.905 2.382-1.033.933-.125 2.124-.124 3.611-.124h1.6c1.487 0 2.678-.001 3.611.124.955.128 1.75.402 2.382 1.033a.75.75 0 0 1-1.06 1.06c-.307-.305-.734-.5-1.522-.607-.81-.108-1.882-.11-3.411-.11h-1.6c-1.53 0-2.602.001-3.412.11-.788.106-1.214.302-1.52.608-.306.306-.502.732-.608 1.52-.109.81-.11 1.883-.11 3.412v3.2a.75.75 0 0 1-1.5 0Z"/></svg>');
  background-position: right 0.8rem top .8rem;
  background-repeat: no-repeat;
  background-size: 3.4rem;
  padding-right: 5.5rem;
}

/**************************/
/* forms */
/**************************/

#form-pattern .acf-notice.-error::before {
  content: "\e933";
  font-family: "icomoon";
  line-height: 1;
}

#form-pattern .acf-notice.-dismiss {
  display: none;
}

.acf-spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 9px;
}

.acf-form .acf-fields>.acf-field {
  border: none;
  padding: 0;
}

#form-pattern .af-submit {
  margin-top: -2rem;
}

#form-pattern .af-field-type-textarea textarea {
  padding-top: 2rem;
}

.af-form.acf-form>.acf-fields {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  row-gap: 2rem;
}

@container (min-width: 32em) {
  .af-form.acf-form>.acf-fields {
    grid-template-columns: 1fr 1fr;
  }
}

@container (max-width: 32em) {
  .af-form.acf-form>.acf-fields {
    grid-template-columns: 1fr;
  }
}


.acf-form-submit {
  text-align: center;
  position: relative;
}

.af-field-type-file label {
  line-height: 1;
  position: static;
  margin-bottom: 1rem !important;
}


@media (max-width: 767.99px) {
  .af-form.acf-form>.acf-fields {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
  .item-comment::after {
    content: "";
    position: absolute;
    inset: -16rem auto 0 40%;
    background-repeat: no-repeat;
    max-width: var(--width-container);
    margin-right: auto;
    margin-left: auto;
    width: 16rem;
    height: 30rem;
    background-size: contain;
    z-index: 0;
    background-position: top;
    opacity: 1;
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .author-post-text {
    flex: 1;
  }
}

@media (max-width: 767.99px) {
  .time_comment i {
    display: none;
  }

  .commentlist ul.children::before {
    padding-right: 0;
  }

  .comment-form-author,
  .comment-form-email {
    grid-column: 1/-1;
  }

  /* #review_form_wrapper form,
  #commentform {
    grid-template-columns: minmax(0, 1fr);
  } */

  .commentlist ul.children {
    padding-right: 3rem;
  }


  .commentlist ul.children::before {
    right: -0.4rem;
    top: 2rem;
    font-size: 2.2rem;
  }

}