/* ==========================================================
   Bloom & Barakah — Product Rating widget styles.
   Scoped entirely under .bb-rating.
   ========================================================== */

.bb-rating{
  --bb-rating-star-color: #E0A527;
  --bb-rating-star-empty: #E4DCC8;
  --bb-rating-star-size: 18px;
  --bb-rating-star-gap: 3px;
  --bb-rating-text-color: #6B6459;
  --bb-rating-text-size: 13px;
  --bb-rating-gap: 8px;
  box-sizing: border-box;
}
.bb-rating *{ box-sizing: border-box; }

.bb-rating__wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--bb-rating-gap) !important;
  text-decoration: none !important;
}

.bb-rating__stars{
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--bb-rating-star-gap) !important;
  flex-shrink: 0 !important;
}
.bb-rating__star{
  width: var(--bb-rating-star-size) !important;
  height: var(--bb-rating-star-size) !important;
  flex-shrink: 0 !important;
  display: block !important;
}
.bb-rating__star svg{ width: 100% !important; height: 100% !important; display: block !important; }
.bb-rating__star--full svg{ fill: var(--bb-rating-star-color) !important; }
.bb-rating__star--empty svg{ fill: var(--bb-rating-star-empty) !important; }
.bb-rating__star--half .bb-rating__star-fill{ fill: var(--bb-rating-star-color) !important; }
.bb-rating__star--half .bb-rating__star-empty{ fill: var(--bb-rating-star-empty) !important; }

.bb-rating__text{
  font-family: var(--bb-font-sans, inherit) !important;
  font-size: var(--bb-rating-text-size) !important;
  color: var(--bb-rating-text-color) !important;
  white-space: nowrap;
}
.bb-rating__wrap:hover .bb-rating__text{ text-decoration: underline; }