/* ------------------------------------------------------------------
   STX Product Aftermath — tabs + related + recently-viewed, styled for
   the dark product page. Scoped to .stx-pdp--aftermath (the widget) so it
   never leaks into archives or other loops.
   ------------------------------------------------------------------ */

.stx-pdp--aftermath {
  --stx-ink: #F5F5F7;
  --stx-ink-60: rgba(245, 245, 247, .62);
  color: var(--stx-ink);
  margin-top: 8px;
}

/* Section headings (Related products / Recently viewed / Up-sells) — white. */
.stx-pdp--aftermath h2,
.stx-pdp--aftermath .related.products > h2,
.stx-pdp--aftermath .up-sells.products > h2,
.stx-pdp--aftermath .rey-recentlyViewed > h2,
.stx-pdp--aftermath .woocommerce-Tabs-panel h2 {
  color: var(--stx-ink);
}

/* Product-tab navigation + reviews copy readable on dark. */
.stx-pdp--aftermath .woocommerce-tabs .wc-tab,
.stx-pdp--aftermath .woocommerce-tabs .woocommerce-Tabs-panel,
.stx-pdp--aftermath .woocommerce-tabs p,
.stx-pdp--aftermath .woocommerce-tabs li,
.stx-pdp--aftermath .rey-accordionItem,
.stx-pdp--aftermath .comment-text {
  color: var(--stx-ink);
}
.stx-pdp--aftermath .woocommerce-tabs a { color: inherit; }

.stx-pdp--aftermath :is(.rey-recentlyViewed, .related.products, .up-sells.products) {
  margin-top: clamp(40px, 7vw, 76px);
}

.stx-pdp--aftermath .__placeholder-wrapper.rey-recentlyViewed {
  --lazy-gap: 24px;
  --lazy-placeholder-bg: rgba(245, 245, 247, .12);
  --lazy-placeholder-radius: 10px;
  color: var(--stx-ink);
  margin-top: clamp(40px, 7vw, 76px);
}

.stx-pdp--aftermath .__placeholder-wrapper.rey-recentlyViewed .__placeholders-blockTitle {
  background-color: rgba(245, 245, 247, .2);
}

/* Rey AJAX inserts raw cards before Splide initializes; hide that transient state. */
.stx-pdp--aftermath .rey-recentlyViewed .splide.__product-carousel:not(.is-initialized) {
  min-height: 360px;
  opacity: 0;
  pointer-events: none;
}

.stx-pdp--aftermath .rey-recentlyViewed .splide.__product-carousel.is-initialized {
  opacity: 1;
  transition: opacity .16s ease-out;
}