.yotpo-reviews-star-ratings-widget {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: row;

  .yotpo-sr-bottom-line-summary,
  .yotpo-sr-bottom-line-button {
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;

    span:first-child {
      & > span {
        height: 12px !important;
      }

      svg {
        width: 12px !important;
        height: 12px !important;
        margin-inline-end: 6px !important;
        color: var(--color-foreground) !important;
      }

      path {
        stroke: var(--color-foreground) !important;
        fill: var(--color-foreground) !important;
      }
    }

    .yotpo-sr-bottom-line-text {
      font-size: 14px !important;
      line-height: 12px !important;
      color: var(--color-foreground) !important;
      text-decoration-line: underline;
      text-decoration-color: var(--color-border);
    }
  }
}

@media screen and (max-width: 749px) {
  .yotpo-reviews-star-ratings-widget {
    margin-top: -5px;
  }
}

.shopify-app-block:has(.yotpo-main-widget) {
  width: 100%;
}

.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
  font-family: var(--font-paragraph--family) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
  color: inherit !important;
}

.yotpo.yotpo-main-widget .yotpo-bottomline .yotpo-icon-star, 
.yotpo.yotpo-main-widget .yotpo-bottomline .yotpo-icon-half-star, 
.yotpo.yotpo-main-widget .yotpo-bottomline .yotpo-icon-empty-star {
  font-size: 16px !important;
}

.yotpo-main-widget {
  padding-top: 80px !important;
  padding-bottom: 60px !important;

  .yotpo-label-container {
    display: none;
  }

  .yotpo-display-wrapper {
    .yotpo-regular-box {
      padding: 0;

      &.yotpo-review {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        border-top: 1px solid var(--color-border) !important;
      }
    }

    .bottom-line-items {
      text-align: left !important;

      & ~ div {
        display: none;
      }
    }

    .reviews-qa-labels-container {
      display: none;
    }
  }
}

@media screen and (max-width: 749px) {
  .yotpo-main-widget {
    padding-top: 60px !important;
    padding-bottom: 40px !important;
  }
}

.bottom-line-items-container .avg-score {
  font-size: 32px !important;
}

.write-question-review-buttons-container .write-question-review-button .write-question-review-button-text {
  color: var(--color-foreground) !important;
}

.yotpo .yotpo-nav {
  border-color: var(--color-border) !important;
}

.yotpo .yotpo-nav li {
  padding-bottom: 30px;
}

.yotpo .yotpo-nav li .yotpo-nav-wrapper {
  padding-bottom: 0 !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab span {
  text-transform: lowercase;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
  border-width: 1px !important;
}

.main-widget .yotpo-reviews-filters {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  border-bottom: 1px solid var(--color-border) !important;

  .filters-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    .filters-container-title {
      padding-bottom: 0;
    }

    .suggested-topics-row  {
      margin-bottom: 0 !important;
      display: flex;
      gap: 10px;
    }

    .suggested-topics-row:not(:first-child) {
      display: none;
    }

    .suggested-topic  {
      margin: 0;
      line-height: normal;
    }

    .yotpo-visible-mobile,
    .yotpo-hidden-mobile {
      display: none !important;
    }
  }
}

@media screen and (max-width: 749px) {
  .main-widget .yotpo-reviews-filters {
    .filters-container {
      flex-direction: column;
      align-items: flex-start;
    }
  }
}

.main-widget .yotpo-reviews-header,
.main-widget .yotpo-questions {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.yotpo .yotpo-review .yotpo-main .yotpo-multiple-rating-fields,
.yotpo .yotpo-review .yotpo-footer .yotpo-icon-seperator,
.yotpo .yotpo-review .yotpo-footer .yotpo-action .yotpo-icon-share {
  display: none !important;
}

.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields {
  margin-top: 20px !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.yotpo.yotpo-main-widget .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-description {
  font-style: normal !important;
}

.yotpo .yotpo-review .yotpo-main {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}

.yotpo .yotpo-review .yotpo-main .content-title {
  padding-bottom: 10px !important;
}

.yotpo .yotpo-review .yotpo-footer .yotpo-action .y-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.bottom-line-items-container .bottom-line-items {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  .avg-score {
    width: auto !important;
  }

  .yotpo-filter-stars {
    height: auto !important;
    margin-top: -9px !important;
  }

  .rating-stars-container .rating-star {
    height: auto !important;
  }
}

.yotpo .yotpo-pager {
  margin: 0 !important;
  padding-top: 60px !important;
  border-top: 1px solid var(--color-border) !important;
}

@media screen and (max-width: 749px) {
  .yotpo .yotpo-pager {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

.yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow {
  margin-right: auto !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;

  &::before {
    content: 'Previous';
    font-family: var(--font-paragraph--family) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }
}

.yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow {
  margin-left: auto !important;
  margin-right: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;

  &::before {
    content: 'Next';
    font-family: var(--font-paragraph--family) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }
}

.yotpo .yotpo-pager .yotpo-page-element {
  font-family: var(--font-paragraph--family) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  min-width: 19px;
  height: 24px;
  display: flex;
  align-items: center;
  margin-right: 20px !important;
  justify-content: center;

  &.yotpo-active {
    border-bottom: 1px solid var(--color-foreground);
  }
}

.yotpo-widget-my-rewards-widget .yotpo-custom-step-icon,
.yotpo-widget-campaign-widget-icon,
.yotpo-vip-tiers-widget .yotpo-vip-tier-icon {
  width: auto;
  display: inline-block;
}

.shopify-app-block:has(.yotpo-widget-loyalty-page) {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .yotpo .main-widget .write-question-review-buttons-container {
    text-align: right !important;
  }
}

@media screen and (max-width: 960px) {
  .yotpo .main-widget .bottom-line-items {
    margin-bottom: 0 !important;
  }
}

.yotpo.yotpo-main-widget .yotpo-icon-btn.desktop-clear-all-btn {
  top: calc(-200% - 5px);
}

.yotpo-widget-campaign-widget :focus {
  box-shadow: none !important;
}