/* Hallmark · component: eight public, query-only desktop alternatives · P5 H5 E5 S5 R5 V4.
 * Locked Plumbing navy / water-blue / porcelain palette. Mobile masthead unchanged. */
body.af-plumbing-design .af-header-review {
  position: fixed; inset: auto var(--space-ex-md) var(--space-ex-md) auto;
  max-width: calc(100vw - var(--space-ex-xl)); box-sizing: border-box; z-index: var(--z-sticky);
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: var(--space-ex-xs); margin: 0; padding: var(--space-ex-md);
  border-radius: var(--radius-ex-control); background: var(--color-ex-porcelain);
  color: var(--color-ex-ink); font: 500 var(--text-ex-meta)/1.4 var(--font-ex-body);
}

/* Same visible header metrics across the forum and directory shells.
 * Native dialog hooks and the current-page indicator remain route-aware. */
body.af-exchange-design.af-plumbing-design[class*="af-header-style--"] #wpforo.af-publication #wpforo-wrap,
body.af-exchange-design.af-plumbing-design[class*="af-header-style--"].aigenforums-directory {
  --size-site-header-icon: 1.15rem;
  --size-site-header-mobile-icon: 1.25rem;
  --text-site-header-mobile-icon: 1.125rem;
  :is(.af-brand__name,.af-dir-brand__name) { font-family: var(--font-display) !important; font-weight: 500; letter-spacing: -.045em !important; }
  :is(.af-search-trigger,.af-dir-search-trigger,.af-account-link,.af-dir-account-link,.af-new-topic,.af-dir-business-link,.af-publication-nav a,.af-dir-primary-nav a) { font-family: var(--font-body); }
  :is(.af-new-topic,.af-dir-business-link) > span { font: 400 var(--text-ex-meta)/1.4 var(--font-body); }
  :is(.af-new-topic,.af-dir-business-link) { color: var(--color-ex-deep) !important; }
  :is(.af-new-topic,.af-dir-business-link) > :is(span,.af-icon) { color: inherit !important; }
  :is(.af-account-link,.af-dir-account-link) { color: var(--color-ex-paper); }
  :is(.af-publication-header,.af-dir-appbar) .af-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; font-family: var(--fa-style-family-classic) !important; font-weight: 900 !important; line-height: 1; }
  :is(.af-search-trigger,.af-dir-search-trigger,.af-new-topic,.af-dir-business-link,.af-mobile-nav-trigger,.af-dir-mobile-trigger) .af-icon { width: var(--size-site-header-icon); height: var(--size-site-header-icon); }
  :is(.af-publication-nav,.af-dir-primary-nav) a { font-weight: 500; }
}
@media (max-width: 67.99rem) {
  body.af-exchange-design.af-plumbing-design[class*="af-header-style--"] #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design[class*="af-header-style--"].aigenforums-directory {
    :is(.af-search-trigger,.af-dir-search-trigger,.af-mobile-nav-trigger,.af-dir-mobile-trigger) .af-icon { width: var(--size-site-header-mobile-icon); height: var(--size-site-header-mobile-icon); font-size: var(--text-site-header-mobile-icon); line-height: var(--size-site-header-mobile-icon); }
    :is(.af-search-trigger,.af-dir-search-trigger,.af-mobile-nav-trigger,.af-dir-mobile-trigger) > span { font-family: var(--font-body); font-weight: 400; }
    .af-mobile-home-link, .af-mobile-home-link span { font-family: var(--font-body); color: var(--color-ex-paper); }
  }
}
body.af-plumbing-design .af-header-review a {
  display: inline-flex; align-items: center; min-height: var(--control-ex-height);
  padding: var(--space-ex-xs) var(--space-ex-sm); background: var(--color-ex-paper);
  color: var(--color-ex-copper); border-radius: var(--radius-ex-control); text-decoration: none;
}
body.af-plumbing-design .af-header-review a[aria-current] { background: var(--color-ex-copper); color: var(--color-ex-paper); }
body.af-plumbing-design .af-header-review a:hover { text-decoration: underline; }
body.af-plumbing-design .af-header-review a:active { background: var(--color-ex-copper-pressed); color: var(--color-ex-paper); }
body.af-plumbing-design .af-header-review a:focus-visible { outline: var(--rule-ex-focus) solid var(--color-ex-copper); outline-offset: var(--space-ex-2xs); }
@media (min-width: 68rem) {
  body.af-exchange-design.af-plumbing-design[class*="af-header-style--"] #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design[class*="af-header-style--"].aigenforums-directory {
    :is(.af-publication-nav,.af-dir-primary-nav) [data-af-nav-item="forum"] { display: none; }
    .af-exchange-descriptor { display: none; }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { min-height: 80px; padding-block: var(--space-ex-md); }
    :is(.af-new-topic,.af-dir-business-link) { border-radius: var(--radius-premium-button); padding-inline: var(--space-ex-md); box-shadow: var(--shadow-premium-action); }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--editorial #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--editorial.aigenforums-directory {
    :is(.af-publication-nav,.af-dir-primary-nav) { background: var(--color-ex-paper); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-ink); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { background: var(--color-ex-porcelain); color: var(--color-ex-copper); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:focus-visible { outline-color: var(--color-ex-copper) !important; }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--utility #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--utility.aigenforums-directory {
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { grid-template-areas: "brand search actions"; grid-template-columns: minmax(0,1fr) auto auto; }
    :is(.af-brand,.af-dir-brand) { margin: 0; text-align: left; }
    :is(.af-brand__name,.af-dir-brand__name) { font-size: var(--text-ex-chapter); }
    :is(.af-publication-nav,.af-dir-primary-nav) { justify-content: flex-start; padding-inline: max(var(--space-ex-xl),calc((100% - var(--layout-ex-width))/2 + var(--space-ex-xl))); background: var(--color-ex-porcelain); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-ink); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { color: var(--color-ex-copper); background: var(--color-ex-paper); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:focus-visible { outline-color: var(--color-ex-copper) !important; }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--water #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--water.aigenforums-directory {
    :is(.af-publication-header,.af-publication-masthead,.af-dir-appbar) { background: var(--color-ex-copper-pressed); }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { min-height: 96px; }
    :is(.af-brand__name,.af-dir-brand__name) { font-size: var(--text-ex-directory); letter-spacing: -.02em; }
    :is(.af-publication-nav,.af-dir-primary-nav) { background: var(--color-ex-deep); }
    :is(.af-new-topic,.af-dir-business-link) { background: var(--color-ex-paper); color: var(--color-ex-copper-pressed); }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--split #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--split.aigenforums-directory {
    :is(.af-publication-header,.af-publication-masthead,.af-dir-appbar) { background: var(--color-ex-paper); color: var(--color-ex-ink); }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { grid-template-areas: "brand search actions"; grid-template-columns: minmax(0,1fr) auto auto; }
    :is(.af-brand,.af-dir-brand) { margin: 0; text-align: left; }
    :is(.af-brand__name,.af-dir-brand__name,.af-search-trigger,.af-dir-search-trigger,.af-account-link,.af-dir-account-link) { color: var(--color-ex-ink) !important; }
    :is(.af-new-topic,.af-dir-business-link) { background: var(--color-ex-copper) !important; color: var(--color-ex-paper) !important; border-color: var(--color-ex-copper); }
    :is(.af-publication-header,.af-dir-appbar) :is(a,button):focus-visible { outline-color: var(--color-ex-copper) !important; }
    :is(.af-publication-nav,.af-dir-primary-nav) { background: var(--color-ex-deep); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:focus-visible { outline-color: var(--color-ex-paper) !important; }
  }
}

@media (min-width: 68rem) {
  body.af-exchange-design.af-plumbing-design.af-header-style--compact #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--compact.aigenforums-directory {
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { grid-template-areas: "brand search actions"; grid-template-columns: minmax(0,1fr) auto auto; min-height: 64px; padding-block: var(--space-ex-xs); }
    :is(.af-brand,.af-dir-brand) { margin: 0; text-align: left; }
    :is(.af-brand__name,.af-dir-brand__name) { font-size: var(--text-ex-chapter); }
    :is(.af-publication-nav,.af-dir-primary-nav) { justify-content: flex-start; padding-inline: max(var(--space-ex-xl),calc((100% - var(--layout-ex-width))/2 + var(--space-ex-xl))); gap: var(--space-ex-xs); background: var(--color-ex-deep); padding-block: var(--space-ex-xs); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-reverse); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { background: var(--color-ex-inverse-rule); color: var(--color-ex-paper); }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--folio #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--folio.aigenforums-directory {
    :is(.af-publication-header,.af-publication-masthead,.af-dir-appbar) { background: var(--color-ex-paper); color: var(--color-ex-ink); }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { grid-template-areas: "brand brand" "search actions"; grid-template-columns: minmax(0,1fr) minmax(0,1fr); row-gap: var(--space-ex-sm); padding-block: var(--space-ex-lg) var(--space-ex-sm); }
    :is(.af-brand,.af-dir-brand) { justify-self: center; }
    :is(.af-brand__name,.af-dir-brand__name) { font-size: var(--text-ex-wordmark); }
    :is(.af-brand__name,.af-dir-brand__name,.af-search-trigger,.af-dir-search-trigger,.af-account-link,.af-dir-account-link) { color: var(--color-ex-ink) !important; }
    :is(.af-publication-nav,.af-dir-primary-nav) { background: var(--color-ex-porcelain); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-ink); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { background: var(--color-ex-paper); color: var(--color-ex-copper); }
    :is(.af-publication-header,.af-dir-appbar) :is(a,button):focus-visible { outline-color: var(--color-ex-copper) !important; }
    :is(.af-new-topic,.af-dir-business-link) { background: var(--color-ex-deep); color: var(--color-ex-paper) !important; }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--harbor #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--harbor.aigenforums-directory {
    :is(.af-publication-header,.af-publication-masthead,.af-dir-appbar) { background: var(--color-ex-porcelain); color: var(--color-ex-ink); }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { grid-template-areas: "brand search actions"; grid-template-columns: minmax(0,1fr) auto auto; min-height: 100px; }
    :is(.af-brand,.af-dir-brand) { margin: 0; text-align: left; padding-left: var(--space-ex-md); border-left: var(--rule-ex-focus) solid var(--color-ex-copper); }
    :is(.af-brand__name,.af-dir-brand__name,.af-search-trigger,.af-dir-search-trigger,.af-account-link,.af-dir-account-link) { color: var(--color-ex-ink) !important; }
    :is(.af-publication-nav,.af-dir-primary-nav) { justify-content: flex-start; padding-inline: max(var(--space-ex-xl),calc((100% - var(--layout-ex-width))/2 + var(--space-ex-xl))); background: var(--color-ex-copper-pressed); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-paper); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { background: var(--color-ex-deep); }
    :is(.af-publication-masthead,.af-dir-appbar__inner) :is(a,button):focus-visible { outline-color: var(--color-ex-copper) !important; }
    :is(.af-new-topic,.af-dir-business-link) { background: var(--color-ex-copper); color: var(--color-ex-paper) !important; }
  }
  body.af-exchange-design.af-plumbing-design.af-header-style--outline #wpforo.af-publication #wpforo-wrap,
  body.af-exchange-design.af-plumbing-design.af-header-style--outline.aigenforums-directory {
    :is(.af-publication-header,.af-publication-masthead,.af-dir-appbar) { background: var(--color-ex-paper); color: var(--color-ex-ink); padding-bottom: var(--space-ex-sm); }
    :is(.af-publication-masthead__inner,.af-dir-appbar__inner) { min-height: 96px; }
    :is(.af-brand__name,.af-dir-brand__name,.af-search-trigger,.af-dir-search-trigger,.af-account-link,.af-dir-account-link) { color: var(--color-ex-ink) !important; }
    :is(.af-search-trigger,.af-dir-search-trigger) { padding-inline: var(--space-ex-md); border: var(--rule-ex-fine) solid var(--color-ex-rule); border-radius: var(--radius-premium-button); }
    :is(.af-publication-nav,.af-dir-primary-nav) { width: fit-content; max-width: calc(100% - var(--space-ex-xl)); margin-inline: auto; background: var(--color-ex-porcelain); border-radius: var(--radius-premium-card); }
    :is(.af-publication-nav,.af-dir-primary-nav) a { color: var(--color-ex-ink); }
    :is(.af-publication-nav,.af-dir-primary-nav) a:is(:hover,.is-active) { background: var(--color-ex-paper); color: var(--color-ex-copper); }
    :is(.af-publication-header,.af-dir-appbar) :is(a,button):focus-visible { outline-color: var(--color-ex-copper) !important; }
    :is(.af-new-topic,.af-dir-business-link) { background: var(--color-ex-paper); color: var(--color-ex-copper) !important; border: var(--rule-ex-focus) solid var(--color-ex-copper); }
  }
}
