/* ==========================================================================
   Yawei kit — WordPress scope layer
   Loaded last so kit typography/components win over the active theme.
   All rules are scoped under body.yw-page (added only on kit views) or
   kit-specific classes — nothing leaks into the rest of the site.
   ========================================================================== */

body.yw-page{
  font-family:var(--yw-font-body);
  color:var(--yw-text);
  background:#fff;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.yw-page *,
body.yw-page *::before,
body.yw-page *::after{box-sizing:border-box}
body.yw-page img{max-width:100%;height:auto}
body.yw-page p{margin:0 0 1em}
body.yw-page ul,body.yw-page ol{margin:0 0 1em;padding-left:1.4em}
body.yw-page li{margin:.3em 0}
body.yw-page strong{color:inherit}

/* kit main wrapper: full width inside any theme */
.yw-kit{width:100%}

/* ---- WP pagination styled like the design's .yw-pagination ---- */
.yw-pagination .page-numbers{
  min-width:46px;height:46px;padding:0 18px;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--yw-line);border-radius:0;
  font-family:var(--yw-font-display);font-weight:600;font-size:.95rem;
  color:var(--yw-navy);text-decoration:none;
}
.yw-pagination .page-numbers.current{
  background:var(--yw-navy);border-color:var(--yw-navy);color:#fff;
}
.yw-pagination .page-numbers:hover:not(.current){
  border-color:var(--yw-navy);background:var(--yw-bg);
}

/* ---- wysiwyg content inside ACF blocks / term fields ---- */
.yw-wys p{margin:0 0 1em}
.yw-wys h3,.yw-wys h4{font-family:var(--yw-font-display);color:var(--yw-ink);margin:1.4em 0 .5em}
.yw-wys h3{font-size:1.25rem;letter-spacing:.01em;text-transform:uppercase}
.yw-wys h4{font-size:1.05rem}
.yw-wys ul,.yw-wys ol{margin:0 0 1em;padding-left:1.4em}
.yw-wys li{margin:.35em 0}
.yw-wys a{color:var(--yw-blue);text-underline-offset:3px}
.yw-wys img{max-width:100%;height:auto;border-radius:6px}
.yw-wys table{width:100%;border-collapse:collapse}
.yw-wys table th,.yw-wys table td{border:1px solid var(--yw-line);padding:8px 10px;font-size:.92rem}

/* empty-state (shown only before products are imported) */
.yw-empty{
  border:1px dashed var(--yw-line);background:var(--yw-bg);
  padding:34px 24px;text-align:center;color:var(--yw-text);
}
.yw-empty strong{display:block;font-family:var(--yw-font-display);
  color:var(--yw-navy);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}

/* ---- single product extras (image_text rev / captions / inline cta) ---- */
.yw-quality--rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.yw-quality--rev .yw-quality__img{order:2}
.yw-quality__cap{
  display:block;margin-top:8px;font-size:.85rem;font-weight:600;
  color:var(--yw-navy);letter-spacing:.02em;
}
.yw-quality__body>:last-child,.yw-shop__text>:last-child{margin-bottom:0}
.yw-shop__text p{margin:0 0 .6em}
.yw-art__cta{
  border-left:4px solid var(--yw-amber);background:var(--yw-bg);
  padding:16px 20px;margin:1.5em 0;
}
.yw-art__cta .yw-morelink{margin-left:6px}

/* prefers-reduced-motion (mirrors main.js behaviour for CSS transitions) */
@media (prefers-reduced-motion:reduce){
  body.yw-page *,body.yw-page *::before,body.yw-page *::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;
  }
}

/* ============================================================
   v1.0.2 — hello-elementor / Elementor-kit interference shield
   The site keeps its existing header/footer, so hello-elementor
   reset.css + post-6.css (.elementor-kit-6) also load on kit pages.
   These rules re-assert kit values with higher specificity.
   ============================================================ */

/* hero h1: undo .elementor-kit-6 h1{font-size:35px;letter-spacing:-1px} */
body.yw-page .yw-pagehero__title{
  font-size:clamp(2rem,3.6vw,3rem);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.01em;
  color:#fff;
}

/* section h2: undo theme reset h2{font-size:2rem} + weight 500 */
body.yw-page .yw-h2__text{
  font-size:clamp(1.35rem,2.2vw,1.8rem);
  font-weight:600;
  text-transform:uppercase;
  color:var(--yw-navy);
  letter-spacing:-.005em;
}

/* wysiwyg h2 (previously unstyled → reset blew it up to 2rem) */
body.yw-page .yw-wys h2{
  font-family:var(--yw-font-display);
  font-size:1.4rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:var(--yw-ink);
  margin:1.6em 0 .5em;
}

/* tables: kill hello-elementor gray zebra stripes + double top border */
body.yw-page table tbody>tr:nth-child(odd)>td,
body.yw-page table tbody>tr:nth-child(odd)>th{background-color:transparent}
body.yw-page table tbody+tbody{border-block-start:0}