/* Layout */

  #yotpo-app {
    --radius: 2px;
  }

  .yotpo-base-layout {
    width: 100% !important;
    margin: 0 !important;
  }

  .yotpo-display-l .yotpo-main-layout .yotpo-head,
  .yotpo-display-m .yotpo-main-layout .yotpo-head {
    margin: 0 !important;
  }

/* Typography */

/* Headings */

.yotpo-modal-header-heading {
  color: var(--text-color) !important;
}

/* Base Text */

.yotpo-matched-reviews,
.yotpo-smart-topics-headline,
.yotpo-no-matching-reviews-primary,
.yotpo-no-matching-reviews-secondary,
.yotpo-clear-filters,
.yotpo-custom-questions-title,
.yotpo-custom-questions-value,
.yotpo-review-votes-text,
.yotpo-review-votes-icons-wrapper,
.yotpo-form-label,
.yotpo-custom-question-headline,
.yotpo-custom-questions-free-text-title,
.yotpo-custom-questions-free-text-value,
.yotpo-custom-question-headline label,
.yotpo-review-form .form-footer p {
  color: var(--text-color) !important;
  opacity: 0.7 !important;
}

/* Stars */

.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-star-rating, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-star-rating {
  flex-basis: auto !important;
}

.yotpo-display-l .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title, .yotpo-display-m .yotpo-review:not(.yotpo-media-modal-review) .yotpo-review-center-panel .yotpo-review-rating-title .yotpo-review-title {
  flex-shrink: 0;
  flex-basis: auto !important;
}

/* Borders & Separators */

.yotpo-progress-bar {
  background: var(--yotpo-black) !important;
}

.yotpo-review-border-smooth {
  opacity: 0.15;
}

.yotpo-bottom-line .yotpo-vertical-border,
.yotpo-star-distribution,
.yotpo-bottom-line-question-wrapper-vertical {
  border-color: var(--yotpo-black) !important;
}

/* Buttons & Pagination */

.yotpo-new-review-btn-wrapper .yotpo-btn-s {
  border-color: transparent !important;
}

#yotpo-main-widget-btn,
.yotpo-horizontal-pagination .yotpo-reviews-pagination-item,
.yotpo-new-review-submit,
.yotpo-bottom-line-score {
  border-radius: var(--radius) !important;
  font-family: var(--primary-font-family) !important;
  font-style: var(--primary-font-style) !important;
  font-weight: var(--primary-font-weight) !important;
}

#yotpo-main-widget-btn,
.yotpo-horizontal-pagination .selected,
.yotpo-new-review-submit {
  background: var(--primary-color) !important;
  color: var(--yotpo-primary-text-black) !important;
}

.yotpo-horizontal-pagination .yotpo-reviews-pagination-item:not(.selected),
#yotpo-main-widget-btn:hover {
  opacity: 0.7;
}

.yotpo-horizontal-pagination .yotpo-reviews-pagination-item:not(.selected):hover {
  opacity: 1;
  color: var(--text-color) !important;
  background: transparent !important;
}

/* Modal Close Buttons */
.yotpo-icon-button__container .yotpo-icon-button {
  background-color: transparent !important;
}

.modal-backdrop.yotpo-review-form-modal .btn-close {
  color: var(--text-color) !important;
}

/* Carousel */

.carousel__next.carousel__next--disabled,
.carousel__prev.carousel__prev--disabled {
  opacity: 0 !important;
}

/* Smart Filters */

.yotpo-smart-topic-filter {
  position: relative;
  top: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--text-color) !important;

  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    inset-inline: 8px;
    height: 3px;
    background: transparent;
  }

  &[aria-checked="false"]:hover::after {
    background: var(--yotpo-black);
  }

  &[aria-checked="true"]::after {
    background: var(--primary-color);
  }
}

/* Dropdowns */

.yotpo-filters-top-panel {

  .yotpo-media-select, .yotpo-dropdown-placeholder-input {
    border: 1px solid transparent !important;
    border-radius: var(--radius) !important;
    background: var(--yotpo-black) !important;
    color: var(--text-color) !important;
    outline: none !important;

    &:hover, &:focus, &:focus-within {
      border-color: var(--primary-color) !important;
    }

    path.yotpo-score-filter-full-star {
      stroke: var(--primary-color) !important;
      fill: var(--primary-color) !important;
    }
  }

  .yotpo-media-select {
    /* SVG Inactive */
    svg circle {
      stroke: var(--text-color) !important;
    }    

    /* SVG Active */
    svg path {
      stroke: var(--primary-color) !important;
      fill: var(--primary-color) !important;
    }
  }
}

.yotpo-selected-value__label--inside {
  color: inherit !important;
  z-index: 1 !important;
  opacity: 1 !important;
}

.yotpo-modal,
.yotpo-dropdown-content-wrapper,
.yotpo-modal-header,
.form-footer,
.yotpo-slider-wrapper .yotpo-slider-media-preview {
  background: var(--yotpo-black) !important;
  color: var(--text-color) !important;
}

.yotpo-dropdown-content-wrapper {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

.yotpo-dropdown-content-wrapper .yotpo-dropdown-option {
  --color: var(--text-color);

  color: var(--color) !important;
  margin: 0 !important;
  border-radius: 0 !important;

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

.yotpo-dropdown-content-wrapper .yotpo-dropdown-option--hover {
  background: rgba(255,255,255,0.15) !important;
}

.yotpo-dropdown-content-wrapper .yotpo-dropdown-option--selected {
  --color: var(--yotpo-primary-text-black) !important;

  background: var(--primary-color) !important;
}

/* Forms */

.yotpo-form-custom-text-question textarea {
  background: rgba(255,255,255,0.1) !important;
  color: var(--text-color) !important;
}