/*
 * Testimonial slider — the few things the Webflow stylesheet does not already provide.
 *
 * Everything structural (.reviews, .review-wrap, .review-slider, .testimonial-block,
 * .testimonial-text, .review-name) comes from morzine-bus.webflow.css and is left alone,
 * so the slider keeps the design it already had. This file adds only what the switch from
 * invented testimonials to attributed Tripadvisor ones requires.
 *
 * Generated content lives in the pages themselves — see bin/build-testimonials.mjs and
 * testimonials.json at the project root. Edit those, not the markup.
 */

/*
 * The reviewer's initials, in the 60px circle that used to hold a stock portrait.
 *
 * The old slides paired invented names with photographs of strangers. Real reviewers
 * have no photograph here, and putting one there anyway would attach a face to a person
 * who never agreed to it — a fabricated testimonial in a different form. Initials say
 * exactly as much as we actually know.
 */
.tb-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary, #08234f);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1;
  user-select: none;
}

/* The review's date, beside the name. A testimonial with no date could be from any year,
   and several of these are two or three seasons old. */
.tb-meta {
  color: #656565;
  font-weight: 400;
  white-space: nowrap;
}

/*
 * The attribution strip: rating, count and a link back to the listing.
 *
 * This is not decoration. The reviews are reproduced from Tripadvisor, so naming the
 * source and linking to it is the minimum owed both to them and to a visitor who wants
 * to check that these quotes are real rather than taking the site's word for it.
 */
.tb-source {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  padding: 8px 14px 8px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #fff;
  color: var(--body, #333);
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tb-source:hover {
  border-color: #d3d3d3;
  box-shadow: 0 6px 18px rgba(8, 35, 79, 0.08);
}

.tb-source__rating {
  font-size: 16px;
  font-weight: 700;
  color: var(--title, #000);
}

.tb-source__bubbles {
  color: #00aa6c;          /* Tripadvisor's bubble green */
  font-size: 13px;
  letter-spacing: 2px;
}

.tb-source__label {
  color: #656565;
}

.tb-source__label strong {
  color: var(--title, #000);
  font-weight: 600;
}

/* On the pages that did not previously carry this section, the slider is the full width
   of the container rather than sitting beside the video still. */
.reviews .review-wrap.tb-full .review-left {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .tb-source {
    font-size: 13px;
    padding: 7px 12px 7px 9px;
  }
}