.yotpo-bottom-line-left-panel,
.yotpo-bottom-line-score,
.yotpo-star-distribution-index,
.yotpo-star-distribution-value{
  color: #000000 !important;
  font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
}

.smart-topic-collection {
  div {
      top: 0 !important;
      font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      	BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
        sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
  }
}
  
.yotpo-search-input,
.yotpo-filter-select {
  top: 0 !important;
  font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
}

.yotpo-search-input {
  z-index: 1;
}

.yotpo-search-icon {
    z-index: 2;
}

.yotpo-headline,
.ugc-storefront-widgets-tabs-container__tab, 
.yotpo-date-format, 
.yotpo-new-review-btn,
.yotpo-btn-s, 
.yotpo-smart-topics-headline, 
.yotpo-smart-topics-see-more-label, 
.yotpo-reviewer-name,
.yotpo-review-title, 
.yotpo-text-container, 
.yotpo-dropdown-closable .yotpo-reviews-widget-dropdown, 
.yotpo-review-votes-text, 
.yotpo-dropdown-placeholder, 
.yotpo-selected-value, 
.yotpo-dropdown-option,
.yotpo-reviewer-verified-buyer-text,
.yotpo-reviews-pagination-item,
.yotpo-pagination-number, 
.yotpo-review-votes-number,
.yotpo-bottom-line-basic-text{
  font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
}

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

/* Font size */
.yotpo-smart-topic-filter .smart-topic-wrapper,
.yotpo-search-input,
.yotpo-selected-value,
.yotpo-new-review-btn,
.yotpo-btn-s,
.yotpo-dropdown-placeholder
{
    font-size: 12px !important;
}

.yotpo-reviewer-name,
.yotpo-reviewer-verified-buyer-text,
.yotpo-review-content, 
.yotpo-review-votes-text{
  font-size: 14px !important;
}

.yotpo-review-title {
  font-size: 16px !important;
}

/* hide update photo button for write a review modal */
.yotpo-file-upload,
.yotpo-uploaded-images {
    display: none !important;
}

/* MODAL */
.yotpo-modal {
  legend,
  div,
  h4,
  span,
  p,
  h1 {
    font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
    font-weight: 400 !important;
  }

}

.yotpo-popup-close-button-wrapper {
  @media only screen and (max-width: 768px) {
    position: absolute !important;
    right: 0 !important;
    width: 4rem !important;
  }
}

.yotpo-mobile-filters-popup-clear {
    @media only screen and (max-width: 768px) {
      left: 0 !important;
      padding-left: 1.5rem !important;
  }
}

.yotpo-review-form {
    @media only screen and (min-width: 576px) {
  	 font-size: 15px !important;
  }
}

.yotpo-new-review-submit {
  background: #D5AA63 !important;
}
.yotpo-star-rating-wrapper {
  font-size: 12px !important;
}

.yotpo-modal {
  z-index: 9999 !important;
}

.yotpo-modal-header {
  @media only screen and (max-width: 576px) {
      margin-top: 0 !important;
  }
}

/*COLORS */
.smart-topic-collection 
.yotpo-smart-topic-filter {
	background: #f6f5f3 !important;
    border: none !important;
    color: #909090 !important;
  	text-transform: capitalize !important;
      
    &:hover,
    &:active,
    &[aria-checked="true"] {
      	background-color: #e3e3e3 !important;
        color: #000000 !important;
    }
  
    &[aria-checked="true"] {
        background-color: #a6a19a !important;
    	color: white !important;
  	}
}

.yotpo-review-votes-icons {
  svg {
    path {
        fill: #b19780 !important;
    }
  }
}

.yotpo-dropdown-closable
 {
  span,
  div,
  svg {
    color: #909090 !important;

  }
}

.yotpo-dropdown-arrow-icon {
  path {
    stroke: #909090 !important;
  }
}

.yotpo-selected-icon path {
        fill: #909090 !important;
}

.yotpo-initials-background {
  fill: #b19780 !important;
}

.yotpo-avatar-initials-text {
  color: #fff !important;
  fill: #fff !important;
}

.yotpo-border-margin,
.yotpo-head {
  margin-top: 40px !important;
}

.yotpo-empty-state {
  margin-top: 0 !important;
}

.yotpo-checkbox-container {
  display: flex;
  flex-wrap: wrap;
}

.yotpo-popup-close-button-wrapper {
   margin-left: auto;
}

.yotpo-search-input {
  background-color: #f6f5f3 !important;
  border: 0 !important;
  
    &:hover {
      background-color: #e3e3e3 !important;
      border: 0 !important;
  	}
  
    &:focus {
      color: white !important;
      background-color: #a6a19a !important;
      border: 0 !important;
  	}
  
  	&:placeholder {
  		color: white !important;
	}
}

.yotpo-filter-select {
  background-color: #f6f5f3 !important;
  border: 0 !important;
  color: inherit;
  
    &:hover {
      background-color: #e3e3e3 !important;
      border: 0 !important;
  	}
  
    &:focus {
      color: white !important;
      background-color: #a6a19a !important;
      border: 0 !important;
  	}
  
}


.yotpo-dropdown-base {
    &:focus-within {
        color: white !important;
  	}
}

.yotpo-filter-select {
	&:focus {
		& + .yotpo-dropdown-arrow-icon {
			path {
    			stroke: white !important;
  			}
		}
	}
}

.yotpo-search-input {
	&:focus {
    	&::placeholder {
    		color: white !important;
  		}
  	}

}

  .yotpo-search-label:has(input:focus) .yotpo-search-icon path {
    fill: white !important;
  }

.yotpo-search-filter {
	width: 253px !important;
  
  input {
    	width: 253px;
  }
}

.yotpo-score-option {
    &[aria-checked="true"],
  	&:hover {
      	background-color: #f6f5f3 !important;
    }
}


.yotpo-score-option {  
    &[aria-checked="true"],
  	&:hover {
      	background-color: #f6f5f3 !important;
    }
}


.yotpo-dropdown-content .yotpo-score-option:not(:first-child) {
 
	display: flex  !important;
    justify-content: center  !important;
    align-items: center  !important;
    text-align: center  !important;
  
  	div {
          margin-left: 0 !important;
  	}
}

.yotpo-summary-header-title,
.yotpo-summary-topic,
.yotpo-summary-coverage,
.yotpo-summary-read-topic-reviews-link-text {
      font-family: 'Source Sans Pro', 'Open Sans', -apple-system,
      BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
}

.yotpo-bottom-line-basic-text {
  text-decoration: underline;
}

.yotpo-summary-close {
  z-index: 100 !important;
}

.yotpo-reviews-summary-modal-backdrop {
    z-index: 9999 !important;
}