@font-face {
  font-family: "Kigata Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/manrope-latin-variable.woff2") format("woff2");
}

/*
 * One typeface across the public Kigata experience. The selector deliberately
 * targets text-bearing HTML elements rather than every node, so icon fonts,
 * SVG controls, pseudo icons and other technical UI keep their own rendering.
 */
html body.kgpd-unified-font,
html body.kgpd-unified-font :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  button,
  input,
  select,
  textarea,
  label,
  legend,
  strong,
  em,
  small,
  li,
  dt,
  dd,
  th,
  td,
  blockquote,
  figcaption,
  summary,
  address
) {
  font-family: "Kigata Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif !important;
}

html body.kgpd-unified-font :where(
  .woocommerce-Price-amount,
  .amount,
  .select2-selection__rendered,
  .select2-results__option,
  .cfw-cart-item-title,
  .cfw-cart-item-subtotal
) {
  font-family: "Kigata Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif !important;
}

/* Keep the first-viewport header stable while webfonts are still loading. */
html body.kgpd-unified-font .kgpd-header,
html body.kgpd-unified-font .kgpd-native-product-archive,
html body.kgpd-unified-font .kgpd-header :where(
  h1,
  h2,
  h3,
  h4,
  p,
  a,
  button,
  input,
  label,
  strong,
  em,
  small,
  li
),
html body.kgpd-unified-font .kgpd-native-product-archive :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a,
  button,
  input,
  select,
  textarea,
  label,
  legend,
  strong,
  em,
  small,
  li,
  dt,
  dd,
  th,
  td,
  blockquote,
  figcaption,
  summary,
  address
) {
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

/*
 * CheckoutWC ships an isolated typography layer. Its text controls receive
 * the same font without touching icon containers or generated symbols.
 */
html body.kgpd-unified-font :where(#cfw, #cfw-body, .cfw-checkout) :where(
  h1,
  h2,
  h3,
  h4,
  p,
  a,
  button,
  input,
  select,
  textarea,
  label,
  legend,
  li,
  dt,
  dd,
  th,
  td,
  address
) {
  font-family: "Kigata Manrope", "Avenir Next", "Segoe UI", Arial, sans-serif !important;
}

html body.kgpd-unified-font :where(code, pre, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

/*
 * Keep links visibly interactive in every theme and plugin area. Some
 * components assign their own cursor to nested text or SVG elements, so the
 * pointer is repeated for those descendants as well as the anchor itself.
 */
html body.kgpd-unified-font :where(a[href], area[href]),
html body.kgpd-unified-font :where(a[href], area[href]) :where(
  span,
  strong,
  em,
  small,
  svg,
  path
) {
  cursor: pointer !important;
}