/* HOSTREND REUSABLE TRUST BADGE v278.09 — subtle glass, flat finish.
   Shared global tokens control translucency and edge treatment. No elevation/shadow. */
.host-trust-badge {
  --trust-badge-surface-current: var(--trust-badge-light-surface, rgba(255,255,255,.10));
  --trust-badge-text-current: var(--trust-badge-light-text, var(--color-white, #FFFFFF));
  --trust-badge-muted-current: var(--trust-badge-light-muted, rgba(255,255,255,.78));
  --trust-badge-icon-current: var(--trust-badge-light-icon, var(--color-white, #FFFFFF));
  --trust-badge-mark-bg-current: var(--trust-badge-light-mark-bg, rgba(255,255,255,.12));
  --trust-badge-mark-fg-current: var(--trust-badge-light-mark-fg, var(--color-white, #FFFFFF));
  --trust-badge-border-current: var(--trust-badge-light-border, rgba(255,255,255,.28));
  --trust-badge-shadow-current: none;
  --trust-badge-shadow-hover-current: none;
  --trust-badge-reflection-current: var(--trust-badge-light-reflection, rgba(255,255,255,.07));
  --trust-badge-sheen-current: var(--trust-badge-light-sheen, rgba(255,255,255,.05));
  --trust-badge-edge-current: var(--trust-badge-light-edge-highlight, rgba(255,255,255,.40));
  --trust-badge-sheen-opacity-current: var(--trust-badge-light-sheen-opacity, .24);

  /* Scope the quieter glass recipe to this component; leave navigation glass untouched. */
  --hover-glass-surface: var(--trust-badge-glass-surface, linear-gradient(135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.045) 100%));
  --hover-glass-blur: var(--trust-badge-glass-blur, 10px);
  --hover-glass-persistent-border: var(--trust-badge-border-current);
  --hover-glass-persistent-shadow: none;

  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--trust-badge-gap, 7px);
  width: fit-content;
  max-width: 100%;
  margin: 0 0 var(--trust-badge-margin-bottom, 10px);
  padding: var(--trust-badge-padding-block, 6px) var(--trust-badge-padding-inline, 12px);
  border: 1px solid var(--trust-badge-border-current);
  border-radius: var(--trust-badge-radius, 999px);
  background: var(--trust-badge-surface-current);
  color: var(--trust-badge-text-current);
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(var(--trust-badge-glass-blur, 10px)) saturate(var(--trust-badge-glass-saturate, 110%));
  backdrop-filter: blur(var(--trust-badge-glass-blur, 10px)) saturate(var(--trust-badge-glass-saturate, 110%));
  font-family: var(--font-primary, "Be Vietnam Pro", sans-serif);
  font-size: var(--trust-badge-rating-size, 13px);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  transform: none !important;
  transition: background var(--motion-fast, 160ms) var(--ease-standard, ease), border-color var(--motion-fast, 160ms) var(--ease-standard, ease), -webkit-backdrop-filter var(--motion-fast, 160ms) var(--ease-standard, ease), backdrop-filter var(--motion-fast, 160ms) var(--ease-standard, ease);
}
.host-trust-badge::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, var(--trust-badge-sheen-current) 0%, transparent 68%);
  opacity: var(--trust-badge-sheen-opacity-current);
}
.host-trust-badge::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 1px solid var(--trust-badge-edge-current);
  border-radius: inherit;
  pointer-events: none;
  opacity: .28;
  mask-image: linear-gradient(to bottom, #FFFFFF 0%, rgba(255,255,255,.55) 40%, transparent 82%);
}
.host-trust-badge__trustpilot,
.host-trust-badge__source { position: relative; z-index: 1; flex: 0 0 auto; }
.host-trust-badge__text-group { position: relative; z-index: 1; flex: 0 0 auto; display: inline-flex; align-items: baseline; gap: var(--trust-badge-text-gap, 6px); white-space: nowrap; line-height: 1; }
.host-trust-badge__trustpilot { display: block; width: var(--trust-badge-icon-size, 18px); height: var(--trust-badge-icon-size, 18px); flex: 0 0 var(--trust-badge-icon-size, 18px); color: var(--trust-badge-icon-current); background-color: currentColor; -webkit-mask: url("/design-system/media-library/brands_logos/trustpilot-star.svg") center / contain no-repeat; mask: url("/design-system/media-library/brands_logos/trustpilot-star.svg") center / contain no-repeat; }
.host-trust-badge__source {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--trust-badge-source-size, 18px);
  height: var(--trust-badge-source-size, 18px);
  flex: 0 0 var(--trust-badge-source-size, 18px);
  border-radius: 50%;
  background: var(--trust-badge-mark-bg-current);
  color: var(--trust-badge-mark-fg-current);
  border: 1px solid var(--trust-badge-border-current);
  box-sizing: border-box;
  overflow: hidden;
}
.host-trust-badge__google-icon { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.host-trust-badge__rating { display: inline-block; color: var(--trust-badge-text-current); font-size: var(--trust-badge-rating-size, 13px); font-weight: 700; letter-spacing: -.015em; line-height: 1; vertical-align: baseline; }
.host-trust-badge__reviews { display: inline-block; color: var(--trust-badge-muted-current); font-size: var(--trust-badge-review-size, 11px); font-weight: 500; letter-spacing: -.01em; line-height: 1; vertical-align: baseline; }
.host-trust-badge--interactive { cursor: pointer; text-decoration: none !important; }
.host-trust-badge--interactive:hover { text-decoration: none !important; }
.host-trust-badge--interactive .host-trust-badge__source { border: 1px solid var(--trust-badge-border-current); box-sizing: border-box; }
.host-trust-badge--interactive:active { transform: none !important; box-shadow: none !important; }
.host-trust-badge--interactive:focus-visible { outline: 2px solid var(--color-primary, #2119FF); outline-offset: 3px; }
html[data-theme="dark"] .host-trust-badge {
  --trust-badge-surface-current: var(--trust-badge-dark-surface, rgba(255,255,255,.08));
  --trust-badge-text-current: var(--trust-badge-dark-text, var(--color-white, #FFFFFF));
  --trust-badge-muted-current: var(--trust-badge-dark-muted, rgba(255,255,255,.78));
  --trust-badge-icon-current: var(--trust-badge-dark-icon, var(--color-white, #FFFFFF));
  --trust-badge-mark-bg-current: var(--trust-badge-dark-mark-bg, rgba(255,255,255,.12));
  --trust-badge-mark-fg-current: var(--trust-badge-dark-mark-fg, var(--color-white, #FFFFFF));
  --trust-badge-border-current: var(--trust-badge-dark-border, rgba(255,255,255,.28));
  --trust-badge-shadow-current: none;
  --trust-badge-shadow-hover-current: none;
  --trust-badge-reflection-current: var(--trust-badge-dark-reflection, rgba(255,255,255,.07));
  --trust-badge-sheen-current: var(--trust-badge-dark-sheen, rgba(255,255,255,.05));
  --trust-badge-edge-current: var(--trust-badge-dark-edge-highlight, rgba(255,255,255,.40));
  --trust-badge-sheen-opacity-current: var(--trust-badge-dark-sheen-opacity, .24);
  --hover-glass-persistent-shadow: none;
}
@media (max-width: 480px) {
  .host-trust-badge { gap: var(--trust-badge-gap-mobile, 5px); padding: var(--trust-badge-padding-block-mobile, 5px) var(--trust-badge-padding-inline-mobile, 9px); }
  .host-trust-badge__trustpilot { width: var(--trust-badge-icon-size-mobile, 16px); height: var(--trust-badge-icon-size-mobile, 16px); flex-basis: var(--trust-badge-icon-size-mobile, 16px); }
  .host-trust-badge__source { width: var(--trust-badge-source-size-mobile, 16px); height: var(--trust-badge-source-size-mobile, 16px); flex-basis: var(--trust-badge-source-size-mobile, 16px); }
  .host-trust-badge__text-group { gap: var(--trust-badge-text-gap-mobile, 5px); }
  .host-trust-badge__rating { font-size: var(--trust-badge-rating-size-mobile, 12px); }
  .host-trust-badge__reviews { font-size: var(--trust-badge-review-size-mobile, 10px); }
}
@media (prefers-reduced-motion: reduce) {
  .host-trust-badge { transition: none; }
}