.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-summery {
  color: var(--ht-google-review-four-column-style-one-text-color);
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-date {
  color: var(--ht-google-review-four-column-style-one-date-color) !important;
}

.ht-google-place-review-section--four-column-style-one .ht-btn:hover {
  color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  ) !important;
  border-color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  ) !important;
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name {
  color: var(--ht-google-review-four-column-style-one-reviewer-name-color);
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8 {
  height: 100%;
  min-height: 455px;
  padding: 20px 22px;

  transition: all 0.3s ease-in-out;

  border: 0;
  background-color: var(
    --ht-google-review-four-column-style-one-widget-card-bg-color
  );
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place
  .ht-google-place-inner
  .ht-google-place-head
  .ht-google-place-content
  .ht-google-place-title
  a:hover {
  color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  ) !important;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner {
  align-items: center;
  flex-direction: column;

  text-align: center;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-thumbnail {
  position: relative;
  z-index: 2;

  order: 1;

  width: 115px;
  height: 115px;
  margin-right: 0;
  padding: 15px;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-thumbnail::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 43px;

  width: 25px;
  height: 115px;

  content: "";
  transition: all 0.3s ease-in-out;
  transform: rotate(45deg);

  border-radius: 60px;
  background-color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  );
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-thumbnail
  img {
  transition: all 0.3s ease-in-out;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-avg-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;

  margin-bottom: 5px;
  padding: 30px 0;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-avg-rating
  .ht-google-place-review-avg-rating-star {
  display: flex;

  width: 80px;
  height: 13px;

  background-repeat: space;
  background-position: left top;
  background-size: 14px 13px;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-avg-rating
  .ht-google-place-review-avg-rating-star
  .ht-google-place-review-avg-rating-star-active {
  height: 13px;

  background-repeat: space;
  background-position: left top;
  background-size: 14px 13px;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-content {
  order: 4;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name {
  transition: all 0.3s ease-in-out;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name
  a {
  transition: all 0.3s ease-in-out;
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name
  a:hover {
  text-decoration: underline;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-date {
  transition: all 0.3s ease-in-out;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-summery {
  flex: 0 0 100%;
  order: 3;

  width: 100%;
}

.ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-summery
  p {
  margin-top: 0;
  margin-bottom: 0;

  transition: all 0.3s ease-in-out;
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8
  .ht-google-place-review-summery
  .ht-sp-border {
  display: inline-block;

  width: 80px;
  height: 5px;
  margin: 25px 0;

  transition: all 0.3s ease-in-out;

  background-color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  );
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8:hover {
  background-color: var(
    --ht-google-review-four-column-style-one-widget-theme-color
  );
}

.ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-thumbnail:before {
  background-color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  );
}

.ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name {
  color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  );
}

.ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-name
  a:hover {
  color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  );
}

.ht-google-place-review-section--four-column-style-one
  .ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-content
  .ht-google-place-review-date {
  color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  ) !important;
}

.ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-summery
  p {
  color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  );
}

.ht-google-place-review.ht-google-place-review-style-8:hover
  .ht-google-place-review-inner
  .ht-google-place-review-summery
  .ht-sp-border {
  background-color: var(
    --ht-google-review-four-column-style-one-review-content-color-on-hover
  );
}


/* Four column specific dark mode styles */
[data-theme="dark"] .ht-google-place-review.ht-google-place-review-style-8 {
  background-color: var(--ht-review-card-bg);
  border-color: var(--ht-border-color);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-google-place-review-name a {
  color: var(--ht-review-name-color);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-google-place-review-summery {
  color: var(--ht-review-text-color);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-google-place-review-date {
  color: var(--ht-review-date-color);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-sp-border {
  border-color: var(--ht-border-color);
}

/* Handle hover states for four column style */
[data-theme="dark"] .ht-google-place-review-style-8:hover {
  background-color: var(--ht-background-secondary);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-text-toggle-btn {
  color: var(--ht-text-subdued);
}

/* Fix text colors in dark mode for four column style */
[data-theme="dark"] .ht-google-place-review-style-8 .ht-google-place-review-summery p {
  color: var(--ht-text-secondary);
}

[data-theme="dark"] .ht-google-place-review-style-8 .ht-google-place-review-date {
  color: var(--ht-text-subdued) !important;  /* Using !important to override any inline styles */
}

/* Fix the show more button color */
[data-theme="dark"] .ht-google-place-review-style-8 .ht-text-toggle-btn {
  color: var(--ht-text-subdued);
}

/* Add hover state for show more button */
[data-theme="dark"] .ht-google-place-review-style-8 .ht-text-toggle-btn:hover {
  color: var(--ht-text-primary);
}

/* Ensure the review text is properly colored */
[data-theme="dark"] .ht-google-place-review-style-8 .ht-text {
  color: var(--ht-text-secondary);
}