/* === DROPDOWNS: shared alignment (left + right) === */
.yotpo-dropdown-base,
.yotpo-dropdown-base--textual,
.yotpo-dropdown-combobox-input,
.yotpo-selected-value,
.yotpo-selected-value--textual {
  display: inline-flex !important;
  align-items: center !important;
  gap: .25rem;
  white-space: nowrap;
  padding: 0; /* keep text on one line */
}

.yotpo-dropdown-arrow-icon,
.yotpo-dropdown-arrow-icon--textual {
  display: inline-block;
  vertical-align: middle;
  height: 10px;
  width: auto;
  transform: translateY(1px); /* tiny optical nudge */
}

/* avoid duplicate inline label inside the control */
.yotpo-selected-value__label--inside,
.yotpo-selected-value__icon { display: none !important; }

/* === LEFT FILTER: Rating => pill/oval, no surrounding box === */
/* remove the rectangular box that Yotpo puts around the whole filter row */
.yotpo-score-filter { 
  border: 0 !important;
  background: transparent !important;
  height: auto !important;
  padding: 0 !important;
}

/* style just the clickable combobox as an oval */
.yotpo-score-filter .yotpo-dropdown-closable {
  display: inline-flex !important;
  align-items: center !important;
  gap: .25rem;
  border: 1px solid var(--yotpo-separator-line-grey, #e3e3e3) !important;
  border-radius: 9999px !important;
  padding: 8px 12px !important;
  background: #fff !important;
  height: auto !important; /* ignore any fixed 46px from other rules */
}

/* keep the popup above content */
.yotpo-dropdown-content-wrapper { z-index: 1000; }

/* === HEADER BACKGROUND === */
/* _product-reviews.scss sets bg on .yotpo-layout-header-wrapper;
   this brings back a bg on the container as well */
.yotpo-header-container {
  background-color: #f5f5f5 !important; /* matches a light $gray-6 feel */
}