/* Credibility strip: real, verifiable social proof placed just before the tours
   (Rob Hope #52 social proof, #82 prove you're established). Custom-built, no
   third-party embeds, so it renders reliably and stays on-brand. */
.trust-strip {
  width: min(calc(100% - var(--layout-gutter) - var(--layout-gutter)), var(--layout-max));
  margin: 0 auto;
}

.trust-strip-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(14px, 1.6vw, 20px);
  padding: clamp(24px, 3vw, 36px) clamp(24px, 4vw, 56px);
}

.trust-strip-eyebrow {
  margin: 0;
  font-family: 'e-UkraineHead Regular', Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(12px, 0.95vw, 14px);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text-grey);
}

.trust-strip-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(22px, 4vw, 52px);
  width: 100%;
}

/* The Travelers' Choice image (short) and the taller Certificate of Excellence
   text+logo stack read as a matched pair when their tops align, rather than
   the short image floating centred against the tall stack. */
.trust-strip-row--awards {
  align-items: flex-start;
}

.trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: var(--text-black);
}

.trust-item:hover .trust-platform { color: var(--text-red); }

.trust-platform {
  font-family: 'e-UkraineHead Regular', Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(17px, 1.5vw, 21px);
  letter-spacing: 0.4px;
  transition: color 160ms ease;
}

.trust-rating {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: clamp(14px, 1.1vw, 16px);
  color: var(--text-black);
}

.trust-star { color: var(--text-red); font-size: 1.05em; }
.trust-sep { color: var(--text-grey-light); }

/* Travelers' Choice: Tripadvisor's own seal artwork is a complete, self-contained
   graphic (the year/name/logo are all drawn into the image), so it stands alone
   as a plain photo. Self-hosted, background punched transparent locally
   (Tripadvisor's original has an opaque white box baked into the pixels). */
.trust-award { display: flex; align-items: center; }
.trust-award img { display: block; height: clamp(58px, 5.2vw, 76px); width: auto; }

/* Certificate of Excellence: Tripadvisor's award PNG is only the dome/logo half
   of their design, their widget completes it with this title/year/link text
   rendered above. Recreated in the site's own type, stacked the same way, no
   box or border. */
.trust-coe {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: var(--text-black);
}

.trust-coe:hover .trust-coe-title { color: var(--text-red); }

.trust-coe-title {
  font-family: 'e-UkraineHead Regular', Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(13px, 1vw, 15px);
  letter-spacing: 0.3px;
  text-align: center;
  transition: color 160ms ease;
}

.trust-coe-year {
  font-family: 'e-UkraineHead Regular', Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 1.8vw, 24px);
  letter-spacing: 0.4px;
}

.trust-coe-link {
  font-size: clamp(13px, 1vw, 14px);
  text-decoration: underline;
  color: var(--text-black);
}

.trust-coe-logo {
  display: block;
  height: clamp(46px, 4vw, 58px);
  width: auto;
  margin-top: 4px;
}

/* Mobile: stack the items centered so they don't wrap into an uneven grid. */
@media (max-width: 670px) {
  .trust-strip-row {
    flex-direction: column;
    gap: 26px;
  }

  /* The awards row's flex-start (for aligning the two items' tops side by side
     on desktop) would otherwise pin the stacked column to the left instead of
     centring it like every other row. */
  .trust-strip-row--awards {
    align-items: center;
  }
}