/* ---- Theme v1.5: emphasised headings, hero numbers, quick filter chips, smooth page changes ---- */

/* One stressed word per heading, in italic gold */
.tlx-em { font-style: italic; font-weight: inherit; color: #D4A857; padding-right: .04em; }
.tlx-h2:not(.tlx-h2--light) .tlx-em { color: #B8892F; } /* deeper gold for contrast on white */

/* Hero numbers, sitting in the slider's bottom bar between the dots and arrows */
.tlx-hstats { display: flex; gap: clamp(20px, 3vw, 44px); margin: 0 auto 0 clamp(24px, 4vw, 64px); }
.tlx-hstats div { display: flex; align-items: baseline; gap: 8px; }
.tlx-hstats dt { margin: 0; font: 700 clamp(1.25rem, 2vw, 1.625rem)/1 var(--tlx-display, inherit); color: #fff; font-variant-numeric: tabular-nums; }
.tlx-hstats dd { margin: 0; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.7); }
@media (max-width: 782px) {
  .tlx-hstats { gap: 16px; margin-left: 16px; }
  .tlx-hstats div { flex-direction: column; gap: 2px; }
  .tlx-hstats dd { font-size: .625rem; letter-spacing: .06em; }
}
@media (max-width: 420px) { .tlx-hstats div:nth-child(3) { display: none; } }

/* Quick filter chips above product grids */
.tlx-chips { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; }
.tlx-chips__label { flex: none; font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #8A8A8A; }
.tlx-chips__row { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.tlx-chips__row::-webkit-scrollbar { display: none; }
.tlx-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px;
  border: 1px solid #E2E2E2; background: #fff; color: #1A1A1A; font-size: .875rem; font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: border-color .2s, background-color .2s, color .2s; }
.tlx-chip:hover { border-color: #D4A857; color: #0D0D0D; }
.tlx-chip.is-on { background: #0D0D0D; border-color: #0D0D0D; color: #fff; }
.tlx-chip.is-on span { color: #D4A857; }
.tlx-chip--clear { border-style: dashed; color: #8A8A8A; }
@media (max-width: 600px) { .tlx-chips__label { display: none; } .tlx-chips { margin-inline: -4px; } }

/* Smooth page changes (browsers that support cross-document view transitions; others load normally) */
@view-transition { navigation: auto; }
.wp-site-blocks > header.wp-block-template-part { view-transition-name: tl-header; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .28s; }
::view-transition-group(tl-prod) { animation-duration: .38s; animation-timing-function: cubic-bezier(.2,.7,.2,1); }
/* When a product photo morphs into the page, don't also run the GSAP fade on the gallery */
.tl-vt.tl-motion .single-product main .wp-block-woocommerce-product-image-gallery,
.tl-vt.tl-motion .single-product main .woocommerce-product-gallery { opacity: 1 !important; animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}