/*
 * Watson Ridge global type system.
 * Display: Barlow Condensed — bold, compact, uppercase brand voice.
 * Text: Barlow — warm grotesk for readable editorial and utility copy.
 * Both families are self-hosted under the SIL Open Font License 1.1.
 */
@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-300-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-400-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-500-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-600-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow";
  src: url("fonts/barlow-700-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/barlow-condensed-600-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/barlow-condensed-700-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/barlow-condensed-800-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root {
  --wr-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --wr-font-text: "Barlow", Arial, sans-serif;
  --global-body-font-family: var(--wr-font-text);
  --global-heading-font-family: var(--wr-font-display);
}

html body:not(.wp-admin) {
  font-family: var(--wr-font-text) !important;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Keep ordinary copy, form content, tables and commerce data readable. */
html body:not(.wp-admin) #wrapper :is(
  p, li, dt, dd, blockquote, cite, figcaption, label, input, textarea,
  select, option, table, th, td, small, strong, em, del, ins,
  .woocommerce-message, .woocommerce-info, .woocommerce-error,
  .woocommerce-Price-amount, .woocommerce-product-details__short-description
) {
  font-family: var(--wr-font-text) !important;
}

/* The brand voice: condensed, decisive and consistently uppercase. */
html body:not(.wp-admin) #wrapper :is(h1, h2, h3, h4, h5, h6),
html body:not(.wp-admin) #wrapper :is(h1, h2, h3, h4, h5, h6) *,
html body:not(.wp-admin) #wrapper :is(
  button, [role="button"], [role="tab"], .button, .wp-element-button,
  .wp-block-button__link, .kb-button, .kt-button,
  [class*="__kicker"], [class*="-kicker"],
  [class*="__eyebrow"], [class*="-eyebrow"],
  [class*="__title"], [class*="-title"],
  [class*="__label"], [class*="-label"]
),
html body:not(.wp-admin) #wrapper :is(
  button, [role="button"], [role="tab"], .button, .wp-element-button,
  .wp-block-button__link, .kb-button, .kt-button
) * {
  font-family: var(--wr-font-display) !important;
}

html body:not(.wp-admin) #wrapper :is(h1, h2, h3),
html body:not(.wp-admin) #wrapper :is(h1, h2, h3) * {
  font-weight: 700;
  text-transform: uppercase;
}

/* Navigation and global footer sit outside some page-content wrappers. */
html body:not(.wp-admin).wp-theme-kadence #mobile-menu a,
html body:not(.wp-admin).wp-theme-kadence #mobile-menu a *,
html body:not(.wp-admin).wp-theme-kadence #mobile-drawer #mobile-site-navigation #mobile-menu li.menu-item a,
html body:not(.wp-admin).wp-theme-kadence #mobile-drawer #mobile-site-navigation #mobile-menu li.menu-item a *,
html body:not(.wp-admin) :is(.site-header, #masthead, #mobile-header, #mobile-drawer) nav a,
html body:not(.wp-admin) :is(.site-header, #masthead, #mobile-header, #mobile-drawer) nav a *,
html body:not(.wp-admin) .wr-menu-products-stage__name,
html body:not(.wp-admin) .wr-site-footer :is(h1, h2, h3, h4, h5, h6, a, button),
html body:not(.wp-admin) .wr-site-footer :is(h1, h2, h3, h4, h5, h6, a, button) *,
html body:not(.wp-admin) .wr-site-footer :is([class*="__kicker"], [class*="__label"], .wr-site-footer__range > p) {
  font-family: var(--wr-font-display) !important;
}

html body:not(.wp-admin) .wr-site-footer :is(p, li, label, input, textarea, small, strong) {
  font-family: var(--wr-font-text) !important;
}

html body:not(.wp-admin) .wr-site-footer .wr-site-footer__signup-copy {
  font-family: var(--wr-font-text) !important;
  font-weight: 300 !important;
}

html body:not(.wp-admin) #mobile-drawer .drawer-content::before,
html body:not(.wp-admin) #mobile-drawer .drawer-content::after {
  font-family: var(--wr-font-display) !important;
}

/* Editorial contrast: light, open lead copy beside the heavy display voice. */
html body:not(.wp-admin) #wrapper :is(
  .wr-story-v2__lede,
  .wr-story-v3__kadence-copy,
  .wr-story-v3__copy,
  .wr-story-v3__promise-intro,
  .wr-recipes-subtitle,
  .wr-shop-intro,
  .wr-shop-v2-hero__copy > p:last-child,
  .wr-shop-v2-social header > p:not(.wr-shop-v2-kicker),
  .wr-pdp-v5__intro,
  .wr-pdp-v5-proof__head > p:last-child,
  .wr-site-footer__signup-copy
) {
  font-family: var(--wr-font-text) !important;
  font-weight: 300 !important;
  letter-spacing: .005em;
}

/* Keep utility copy confident without turning it into a second display face. */
html body:not(.wp-admin) #wrapper :is(
  strong, th, label, .woocommerce-Price-amount,
  .wr-pdp-v5-proof__facts li, .wr-shop-v2-count
) {
  font-weight: 600;
}

@media (max-width: 767px) {
  html body:not(.wp-admin) #wrapper :is(
    .wr-story-v2__lede,
    .wr-story-v3__kadence-copy,
    .wr-story-v3__copy,
    .wr-recipes-subtitle,
    .wr-shop-intro,
    .wr-pdp-v5__intro
  ) {
    font-weight: 400 !important;
  }
}