:root {
  /* Colors */
  --override-neutral-400: #ADADAD;
  --override-neutral-700: #333333;
  --override-neutral-100: #F4F4F4;
  --override-white: #fff; 
  --override-neutral-1000: #000;

  /* Font sizes */
  --override-font-xs: 12px;
  --override-font-sm: 14px;
  --override-font-md: 16px;
  --override-font-lg: 20px;

  /* Font weights */
  --override-font-regular: 400;
  --override-font-medium: 500;
  --override-font-semibold: 600;
  --override-font-bold: 700;

  /* Border radius */
  --override-radius-none: 0;

  /* Button padding */
  --override-btn-padding: 14px 16px;
  /* Line heights */
  --override-line-xs: 14px;
  --override-line-sm: 20px;
  --override-line-md: 24px;
  --override-line-lg: 26px;

  /* Star icon size */
  --override-star-size-title: 16px;
  --override-star-size-body: 12px;

  /* Modal max height */
  --override-modal-max-height: 80%;

  /* Widget padding */
  --override-widget-padding: 0 2rem;
}

button#yotpo-main-widget-btn.yotpo-new-review-btn.yotpo-btn-s,
a.yotpo-reviews-pagination-item.yotpo-vertical-pagination-item,
.yotpo-new-review-submit,
.yotpo-filters-results-btn-text {
  background: var(--override-neutral-1000) !important;
  border-radius: var(--override-radius-none) !important;
  text-transform: uppercase !important;
  padding: var(--override-btn-padding) !important;
  font-weight: var(--override-font-bold) !important;
  font-size: var(--override-font-sm) !important;
  line-height: var(--override-line-lg) !important;
  color: var(--override-white) !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  min-width: auto !important;
}

.yotpo-widget-override-css.yotpo-device-desktop .yotpo-base-layout {
  width: 100% !important;
  padding: var(--override-widget-padding) !important;
}

.yotpo-empty-state > svg,
a.yotpo-reviews-pagination-item > svg {
  display: none !important;
}

.yotpo-device-desktop .yotpo-review-form-modal .yotpo-modal {
  border-radius: var(--override-radius-none) !important;
  max-height: var(--override-modal-max-height) !important;
}

.yotpo-upload-label,
.yotpo-filter-select,
button.yotpo-mobile-filters-btn.yotpo-mobile-filters-popup-btn {
  border-radius: var(--override-radius-none) !important;
}

.yotpo-form-label {
  font-size: var(--override-font-xs) !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

.yotpo-input-wrapper input,
.yotpo-input-wrapper textarea {
  border: 1px solid var(--override-neutral-400) !important;
  font-size: var(--override-font-xs) !important;
}

.yotpo-input-wrapper input::placeholder,
.yotpo-input-wrapper textarea::placeholder {
  font-size: var(--override-font-xs) !important;
}

.yotpo-input-wrapper textarea:focus {
  border: 1px solid var(--override-white) !important;
}

.yotpo-summary-section .yotpo-star-rating-icon {
  width: var(--override-star-size-title) !important;
  height: var(--override-star-size-title) !important;
}
.yotpo-star-rating-icon {
  width: var(--override-star-size-body) !important;
  height: var(--override-star-size-body) !important;
}

.yotpo-progress-bar-score,
.yotpo-progress-bar {
  border-radius: var(--override-radius-none) !important;
}

.yotpo-file-upload .yotpo-file-input-headline,
a.yotpo-reviews-pagination-item.yotpo-pagination-number {
  font-size: var(--override-font-xs) !important;
  text-transform: uppercase !important;
  font-weight: var(--override-font-semibold) !important;
  line-height: var(--override-line-xs) !important;
  color: var(--override-neutral-1000) !important;
}

a.yotpo-reviews-pagination-item.yotpo-pagination-number:hover {
  background-color: transparent !important;
  color: var(--override-neutral-1000) !important;
  font-size: var(--override-font-xs) !important;
  line-height: var(--override-line-xs) !important;
  font-weight: var(--override-font-medium) !important;
}

.modal-backdrop.yotpo-review-form-modal .yotpo-modal-header {
  font-size: var(--override-font-lg) !important;
  line-height: var(--override-line-lg) !important;
  text-transform: uppercase !important;
  font-weight: var(--override-font-bold) !important;
}

.yotpo-review-title,
.yotpo-reviewer-name {
  font-size: var(--override-font-md) !important;
  line-height: var(--override-line-md) !important;
  font-weight: var(--override-font-semibold) !important;
  color: var(--override-neutral-1000) !important;
  margin-bottom: 4px !important;
}

.yotpo-date-format {
  font-size: var(--override-font-xs) !important;
  line-height: var(--override-line-xs) !important;
  font-weight: var(--override-font-regular) !important;
  color: var(--override-neutral-700) !important;
}

.yotpo-text-container,
.yotpo-read-more-text,
.yotpo-dropdown-placeholder,
.yotpo-selected-value,
span.yotpo-dropdown-option,
.yotpo-reviewer-verified-buyer-text {
  font-size: var(--override-font-sm) !important;
  line-height: var(--override-line-sm) !important;
  font-weight: var(--override-font-regular) !important;
}

.yotpo-dropdown-closable .yotpo-dropdown-content-wrapper .yotpo-dropdown-option {
  color: var(--override-neutral-1000) !important;
}

.yotpo-dropdown-closable .yotpo-dropdown-content-wrapper .yotpo-dropdown-option[aria-selected="true"],
.yotpo-score-option[aria-selected="true"] {
  background-color: var(--override-neutral-100) !important;
  color: var(--override-neutral-1000) !important;
}

.yotpo-dropdown-closable .yotpo-dropdown-content-wrapper .yotpo-dropdown-option:hover
 {
  background-color: var(--override-neutral-1000) !important;
  background: var(--override-neutral-1000) !important;
}

.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option {
  font-size: var(--override-font-xs) !important;
  line-height: var(--override-line-xs) !important;
  font-weight: var(--override-font-regular) !important;
  color: var(--override-neutral-1000) !important;
  background: var(--override-white) !important;
  height: 48px !important;
  margin: 0px !important;
  padding: 0px !important;
}


#yotpo-star-rating-filter-by-all.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-all > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-all.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-all > span.yotpo-score.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-5.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-5 > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-5.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-5 > span.yotpo-score.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-4.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-4 > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-4.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-4 > span.yotpo-score.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-3.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-3 > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-3.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-3 > span.yotpo-score.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-2.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-2 > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-2.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-2 > span.yotpo-score.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-1.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-1 > span.yotpo-score.yotpo-score-option:hover,
#yotpo-star-rating-filter-by-1.yotpo-score-option:focus,
#yotpo-star-rating-filter-by-1 > span.yotpo-score.yotpo-score-option:focus,
.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option:focus,
.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option:hover,
.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option[aria-selected="true"] {
  background-color: var(--override-neutral-100) !important;
  background: var(--override-neutral-100) !important;
  color: var(--override-neutral-1000) !important;
  font-size: var(--override-font-xs) !important;
}

.yotpo-filters-container .yotpo-dropdown-content .yotpo-selected-icon {
  color: var(--override-neutral-1000) !important;
}

.yotpo-selected-icon {
  display: none !important;
}

#yotpo-star-rating-filter-by-all.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-all.yotpo-score-option:focus .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-5.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-5.yotpo-score-option:focus .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-4.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-4.yotpo-score-option:focus .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-3.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-3.yotpo-score-option:focus .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-2.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-2.yotpo-score-option:focus .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-1.yotpo-score-option:hover .yotpo-score-filter-empty-star,
#yotpo-star-rating-filter-by-1.yotpo-score-option:focus .yotpo-score-filter-empty-star,
.yotpo-score-option[aria-selected="true"] .yotpo-score-filter-empty-star,
.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option:hover .yotpo-score-filter-empty-star {
  fill: var(--override-white) !important;
  stroke: var(--override-neutral-1000) !important;
}


#yotpo-star-rating-filter-by-all.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-all.yotpo-score-option:focus .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-5.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-5.yotpo-score-option:focus .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-4.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-4.yotpo-score-option:focus .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-3.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-3.yotpo-score-option:focus .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-2.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-2.yotpo-score-option:focus .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-1.yotpo-score-option:hover .yotpo-score-filter-full-star,
#yotpo-star-rating-filter-by-1.yotpo-score-option:focus .yotpo-score-filter-full-star,
.yotpo-filters-container .yotpo-dropdown-content .yotpo-score-option:hover .yotpo-score-filter-full-star,
.yotpo-score-option[aria-selected="true"] .yotpo-score-filter-full-star {
  fill: var(--override-neutral-1000) !important;
  stroke: var(--override-neutral-1000) !important;
}

.yotpo-filters-container div#yotpo-score-filter-listbox {
  padding: 0px !important;
  border: 1px solid var(--override-neutral-400) !important;
  height: auto !important;
}

form.yotpo-review-form {
	gap: 24px !important;
}

.yotpo-name-email-wrapper {
    justify-content: normal !important;
    gap: 16px !important;
}

.yotpo-star-rating-wrapper.yotpo-new-review-star-rating,
.yotpo-input-wrapper.yotpo-new-review-content,
.yotpo-input-wrapper.yotpo-new-review-headline {
	min-height: auto !important;
}
  
form.yotpo-review-form {
  width: auto !important;
}
  
section#modalDescription {
  padding: 0px 16px !important;
  margin: 0px !important;
}

.yotpo-header-container + .yotpo-review-border-smooth {
  display: none !important;
}

a.selected.yotpo-reviews-pagination-item.yotpo-pagination-number,
a.yotpo-reviews-pagination-item.yotpo-pagination-number:hover {
  background-color: transparent !important;
  color: var(--override-neutral-1000) !important;
  font-size: var(--override-font-xs) !important;
  line-height: var(--override-line-xs) !important;
  font-weight: var(--override-font-medium) !important;
  border-bottom: 1px solid var(--override-neutral-1000) !important;
  border-radius: 0px !important;
}

.yotpo-review-rating-title {
  align-items: baseline !important;
  margin-bottom: 4px !important;
}

.yotpo-reviews-list:has(.yotpo-reviews-pagination-container) 
  .yotpo-review-border-smooth:last-of-type {
  display: none !important;
}

.yotpo-thumbnail-container.clickable-thumbnails.yotpo-review-thumbnail-container {
  margin-bottom: 0px !important;
  margin-top: 24px !important;
}

.yotpo-filters-container .yotpo-score-filter.yotpo-score-filter-container {
  width: auto !important;
  font-size: var(--override-font-xs) !important;
  line-height: var(--override-line-xs) !important;
  font-weight: var(--override-font-regular) !important;
  color: var(--override-neutral-1000) !important;
}

/* Desktop */
@media (min-width: 768px) {
  .yotpo-filters-container input#scoreDropdownInput {
    width: 400px !important;
    height: 48px !important;
  }

  .yotpo-filters-container div#yotpo-score-filter-listbox {
    width: 400px !important;
  }

  .yotpo-filters-container .yotpo-filters-top-panel {
    align-self: center !important;
  }

  #yotpo-star-rating-filter-by-all > span.yotpo-score-option {
    padding-left: 16px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .yotpo-review {
    margin: 24px 0 !important;
  }
  
  .yotpo-review-content {
    margin-top: 8px !important;
  }
  
  .yotpo-bottom-line {
    margin-bottom: 24px !important;
  }
  
  .yotpo-progress-bar,
  .yotpo-progress-bar-score {
    border-radius: 0px !important;
  }
  
  button.yotpo-mobile-filters-popup-clear {
  	right: 20px !important;
  }

  button.yotpo-filters-results-btn.yotpo-mobile-filters-results-btn {
    height: auto !important;
    padding: 16px !important;
  }

  .yotpo-filters-results-btn-no-results {
    gap: 8px !important;
  }

  .yotpo-filters-results-btn-no-results-text {
    gap: 8px !important;
  }
  span.yotpo-filters-results-btn-text.yotpo-filters-results-btn-text-no-matching {
    padding: 0px !important;
  }

  span.yotpo-filters-results-btn-text.yotpo-filters-results-btn-text-clearing {
    font-size: var(--override-font-xs) !important;
    padding: 0px !important;
  }

  span.yotpo-filters-results-btn-clear {
    border-radius: var(--override-radius-none) !important;
  }

  span.yotpo-filters-results-btn-clear {
    color: var(--override-neutral-1000) !important;
    text-transform: uppercase !important;
  }

  div#yotpo-score-filter-listbox {
    margin: 0px !important;
    padding: 0px !important;
    height: auto !important;
  }

  input#scoreDropdownInput {
    height: 48px !important;
  }

  span.yotpo-score-option {
    height: 48px !important;
    font-size: var(--override-font-xs) !important;
  }
}