/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

:root {
  --xc-reviews--rating-color: var(--body-bg);
  --xc-reviews--rating-bg: var(--color-selected);
  --xc-reviews--rating-reviews-color: var(--color-selected);
}

.product-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: calc(var(--rhythmic-unit) / 2);
  position: relative;
  font-size: var(--font-size-tiny);
  line-height: calc(var(--font-size-tiny) / 3 * 4);
  margin: calc(var(--rhythmic-unit) / 2) 0 0 0;
}

.product-rating__number {
  padding: calc(var(--rhythmic-unit) / 4);
  background: var(--xc-reviews--rating-bg);
  color: var(--xc-reviews--rating-color);
  font-weight: 600;
  transition: var(--mode-transition) background-color, var(--mode-transition) color;
}

.product-rating__info {
  top: calc(100% - 1px);
  left: calc(var(--rhythmic-unit) / 4);
  right: calc(var(--rhythmic-unit) / 4);
  min-width: 0;
  font-size: var(--font-size-small);
  line-height: var(--line-height-computed);
  transition: .15s linear opacity, var(--mode-transition) background-color, var(--mode-transition) box-shadow;
}

.product-rating__info-reviews {
  display: block;
}

.product-rating__no-votes {
  line-height: 2.25;
  color: var(--color-contrast);
  opacity: .7;
  transition: var(--mode-transition) color;
}

.product-rating__number:hover ~ .product-rating__info, .product-rating__info:hover {
  visibility: visible;
  opacity: 1;
}

.product-rating__reviews {
  color: var(--xc-reviews--rating-reviews-color);
  transition: var(--mode-transition) color;
}