/* =====================================================================
 * KS-TRUST-STRIP-FIX-2026-05-30 — stop clipping the WhatsApp phone + the
 * leading "Trusted Shops" gold pill on narrow desktop widths (1280–1440px).
 *
 * Problem: ks-row1 container has overflow:hidden + flex-wrap:nowrap. When
 * the WA item ("WhatsApp +48 732 083 217" ≈ 180px) is added to the existing
 * 5 items, total width > container width on common viewports → trailing
 * item gets clipped + leading item nudged off-screen on some scroll states.
 *
 * Fix:
 *  1) Compact WA label: drop "WhatsApp" word, keep icon + phone (~120px).
 *  2) Allow horizontal scroll on the container instead of clipping.
 *  3) Add right padding so the last item never touches the edge.
 *  4) Subtle gradient fade on right edge to hint scrollability.
 * ===================================================================== */

/* All viewports: shrink WA item + permit scroll + add tail padding */
body .ks-trust-strip .container,
body .ks-row1.ks-trust-strip > .container {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding-right: 32px !important;
  position: relative;
}
body .ks-trust-strip .container::-webkit-scrollbar {
  display: none;
}

/* Tail fade on the right so users see content continues */
body .ks-trust-strip {
  position: relative;
}
body .ks-trust-strip::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  background: linear-gradient(90deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.95) 100%);
  pointer-events: none;
  z-index: 2;
}

/* WhatsApp item: drop "WhatsApp" text on small-desktop, keep on large-desktop */
@media (max-width: 1440px) {
  body .ks-trust-strip .ks-trust-strip-wa a {
    font-size: 0 !important;  /* hide all child text */
  }
  body .ks-trust-strip .ks-trust-strip-wa a::after {
    content: '+48 732 083 217';
    font-size: 13px;
    font-weight: 600;
    color: #128C7E;
  }
}
/* Mobile: still hidden via .hide-mobile (existing) */

/* Force the gold Trusted Shops badge to never shrink — it's our trust anchor */
body .ks-trust-strip .ks-trust-strip-item.gold {
  flex-shrink: 0 !important;
  background: rgba(245, 158, 11, 0.12) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  margin-right: 4px;
}

/* Make sure other items don't shrink to the point of clipping mid-character */
body .ks-trust-strip .ks-trust-strip-item {
  flex-shrink: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Tighter typography on narrow desktops */
@media (min-width: 769px) and (max-width: 1280px) {
  body .ks-trust-strip {
    font-size: 11.5px;
  }
  body .ks-trust-strip .ks-trust-strip-item { gap: 4px; }
  body .ks-trust-strip .container { gap: 12px !important; }
}