/* ============================================
   Trust Signals (social proof)
   ============================================ */

.re-trust-signals {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
}

.re-trust-signals__item {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: inherit;
}

.re-trust-signals__icon {
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  color: var(--gold, #CEAA62);
}

.re-trust-signals__label {
  font-weight: 500;
}

.re-trust-signals__link {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.re-trust-signals__link:hover,
.re-trust-signals__link:focus-visible {
  border-bottom-color: currentColor;
}

/* --- Hero varianta — větší typografie, akcentní zlatá pro ikony --- */
.re-trust-signals--hero {
  gap: 1.6rem 2.8rem;
  font-size: 1.5rem;
}

.re-trust-signals--hero .re-trust-signals__icon {
  width: 2.1rem;
  height: 2.1rem;
}

.re-trust-signals--hero .re-trust-signals__label {
  font-weight: 600;
}

/* --- Form / download varianta — kompaktní řádek nad/pod submit button --- */
.re-trust-signals--form,
.re-trust-signals--download {
  gap: 0.8rem 1.6rem;
  font-size: 1.3rem;
  padding: 0.8rem 0;
  color: rgba(14, 28, 57, 0.7);
}

.re-trust-signals--form .re-trust-signals__icon,
.re-trust-signals--download .re-trust-signals__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary, #3564F2);
  opacity: 0.85;
}

/* --- Compact varianta — vše menší --- */
.re-trust-signals--compact {
  gap: 0.6rem 1.2rem;
  font-size: 1.2rem;
}

.re-trust-signals--compact .re-trust-signals__icon {
  width: 1.4rem;
  height: 1.4rem;
}

/* Tmavé pozadí — vyšší kontrast ikony (zlatá) */
.hp7-hero .re-trust-signals,
.property-single__hero .re-trust-signals {
  color: rgba(255, 255, 255, 0.88);
}

.hp7-hero .re-trust-signals .re-trust-signals__icon,
.property-single__hero .re-trust-signals .re-trust-signals__icon {
  color: var(--gold, #CEAA62);
}

@media (max-width: 640px) {
  .re-trust-signals {
    gap: 0.8rem 1.4rem;
  }

  .re-trust-signals--hero {
    gap: 1rem 1.8rem;
    font-size: 1.35rem;
  }
}