/* 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.
 */

.product-reviews .header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: calc(1.5 * var(--rhythmic-unit));
  row-gap: calc(var(--rhythmic-unit) / 2);
}

.target-product div.header div.left .head-h2 {
  padding: 0;
  line-height: calc(2 * var(--rhythmic-unit));
}

.target-product div.header div.right {
  position: relative;
  padding: 0;
}

.add-review-button-disabled {
  font-size: var(--font-size-small);
  color: var(--color-pale-gray-text);
  line-height: var(--line-height-computed);
  transition: var(--mode-transition) color;
}

.target-product div.product-details-tabs div.header div.line {
  padding: 0;
  border-bottom: var(--border-base) solid var(--color-lines);
  transition: var(--mode-transition) border-color;
  flex: 0 0 100%;
}

.target-product .empty-reviews-list {
  margin-top: var(--rhythmic-unit);
}

#product-reviews-button .btn {
  padding-left: calc(2 * var(--rhythmic-unit));
  padding-right: calc(2 * var(--rhythmic-unit));
  min-width: calc(11.25 * var(--rhythmic-unit));
}

.modify-review-dialog .buttons .btn {
  margin: 0 auto;
  width: 100%;
  max-width: calc(22 * var(--rhythmic-unit));
}

.modify-review-dialog .model-properties .form-item:nth-child(3) {
  position: relative;
  z-index: 2;
}

.review-rating {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(1.5 * var(--rhythmic-unit));
  margin-bottom: var(--rhythmic-unit);
}

.review-rating__label {
  font-weight: 600;
  color: inherit;
  font-size: var(--font-size-base);
  margin: 0;
  align-self: center;
}

.review-rating .rating-label {
  display: none;
}

.modify-review-dialog .email-value {
  display: flex;
  column-gap: var(--rhythmic-unit);
  align-items: center;
}

.modify-review-dialog .email-value .input-text-email {
  flex: 1;
}

.modify-review-dialog .email-value span[data-toggle='popover'] {
  margin-bottom: calc(1.5 * var(--rhythmic-unit));
}