/* Approved font roles: Arial for navigation/UI and shopping archive headings;
   Georgia for editorial headings.
   Family-only overrides preserve each component's existing type scale and layout. */
:root {
  --sunxi-font-ui: Arial, Helvetica, sans-serif;
  --sunxi-font-editorial: Georgia, "Times New Roman", serif;
}

/* The legacy site system otherwise makes inherited homepage body copy serif. */
body:not(.wp-admin) {
  font-family: var(--sunxi-font-ui);
}

/* Match Shop and all category/subcategory titles to the navigation and breadcrumb
   family, retaining their current sizes and weights. Owner approved 9 Oct 2026. */
body.tax-product_cat main .wp-block-query-title,
body.tax-product_tag main .wp-block-query-title,
body.woocommerce-shop .wp-site-blocks main h1 {
  font-family: var(--sunxi-font-ui) !important;
}

/* A link and a button performing the same navigation role must use one family.
   Cover the homepage, shared shell, WooCommerce shell, and their mobile menus. */
body:not(.wp-admin) :is(
  .site-header nav, .site-header nav a, .site-header nav button,
  .site-header .nav-panel a, .site-header .nav-panel-shop-review a,
  .site-header .header-actions,
  .site-header .nav-trigger, .site-header .bag-link,
  .site-header .nav-panel, .site-header .nav-panel-shop-review,
  .mobile-menu, .mobile-menu a, .mobile-menu button,
  .mobile-menu .mobile-submenu-toggle, .mobile-menu summary,
  .sunxi-unified-header nav, .sunxi-unified-header a,
  .sunxi-unified-header button, .sunxi-unified-header summary,
  .sunxi-unified-header__panel a,
  .sunxi-unified-header__mobile a, .sunxi-unified-header__mobile summary,
  header.wp-block-template-part .wp-block-navigation,
  header.wp-block-template-part .wp-block-navigation a,
  header.wp-block-template-part .wp-block-navigation button,
  header.wp-block-template-part .sunxi-header-shop__panel,
  header.wp-block-template-part .sunxi-header-shop__panel a,
  header.wp-block-template-part .wp-block-woocommerce-cart-link
) {
  font-family: var(--sunxi-font-ui) !important;
}

/* Section labels, text actions, prices, and form controls follow the UI family. */
body:not(.wp-admin) :is(
  button, input, select, textarea,
  .wp-element-button, .wp-block-button__link,
  .eyebrow, .text-link, .button, .product-tag, .product-meta,
  .story-kicker, .story-link,
  .sunxicraft-eyebrow, .sunxicraft-kicker, .sunxicraft-answer-label
) {
  font-family: var(--sunxi-font-ui) !important;
}

/* The article's navigation, captions, and reference labels used a third,
   device-dependent system font. Preserve its deliberate serif reading text. */
body:not(.wp-admin) :is(
  .sunxicraft-journal-byline,
  .sunxicraft-wheel-phase span,
  .sunxicraft-wuxing-visual figcaption,
  .sunxicraft-journal-toc, .sunxicraft-journal-aside,
  .sunxicraft-timeline span, .sunxicraft-timeline small,
  .sunxicraft-phase-item span, .sunxicraft-phase-item p,
  .sunxicraft-cycle-pair span,
  .sunxicraft-use-item > b, .sunxicraft-use-item span,
  .sunxicraft-consultation a, .sunxicraft-consultation small,
  .sunxicraft-consultation-visual, .sunxicraft-sources ol
) {
  font-family: var(--sunxi-font-ui) !important;
}

/* Approved quiet category titles, 9 Oct 2026. Only shopping archive headings;
   editorial page heroes and individual product names retain their own roles. */
body.tax-product_cat .wp-site-blocks main .wp-block-query-title,
body.tax-product_tag .wp-site-blocks main .wp-block-query-title,
body.woocommerce-shop .wp-site-blocks main h1 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  color: #77736d !important;
  font: 400 11px/1.5 var(--sunxi-font-ui) !important;
  letter-spacing: 0 !important;
}
body:is(.tax-product_cat,.tax-product_tag) main .woocommerce-breadcrumb {
  color: #77736d !important;
  font: 400 11px/1.5 var(--sunxi-font-ui) !important;
}
@media(max-width:700px) {
 body.tax-product_cat .wp-site-blocks main .wp-block-query-title,
 body.tax-product_tag .wp-site-blocks main .wp-block-query-title,
 body.woocommerce-shop .wp-site-blocks main h1,
 body:is(.tax-product_cat,.tax-product_tag) main .woocommerce-breadcrumb {
   font-size: 10px !important;
 }
}