/* CarHelpMate 4.6 — layered forum typography
   Inspired by mature forum UI hierarchy: display, heading, body/UI and technical text.
   This file intentionally changes typography only. It does not resize SVG icons. */

:root{
  --chm-font-display:"DM Serif Display",Georgia,serif;
  --chm-font-heading:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --chm-font-body:"Inter","Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --chm-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

html,body,
body.forum-standalone-app,
.forum-shell,
.forum-site-footer,
.chm-feedback,
button,input,select,textarea{
  font-family:var(--chm-font-body)!important;
}

/* Brand + navigation: crisp forum UI, not display serif. */
.forum-brand,
.forum-brand-title,
.forum-brand-forum,
.forum-footer-logo,
.forum-navlinks a,
.forum-navlinks button,
.forum-account-links>a,
.forum-btn,
.forum-action,
.forum-chip,
.forum-badge,
.forum-section-tabs a,
.forum-auth-submit{
  font-family:var(--chm-font-body)!important;
}

.forum-brand-title,
.forum-footer-logo span{
  font-family:var(--chm-font-heading)!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

/* Main forum headings: Manrope gives a XenForo-like clean hierarchy. */
body.forum-standalone-app h1,
body.forum-standalone-app h2,
body.forum-standalone-app h3,
body.forum-standalone-app h4,
body.forum-standalone-app .font-display,
.forum-section-title,
.forum-category-title,
.forum-topic-title,
.forum-topic-mobile-title,
.forum-profile-reply-copy b,
.forum-setting-copy b,
.forum-language-option b,
.forum-notifications-row b,
.forum-post-author-name,
.forum-profile-identity h1,
.forum-profile-section-head h2,
.forum-garage-section-head h2,
.forum-diagnostic-section-head h2,
.forum-members-board-head h2,
.forum-league-board-head h2,
.forum-admin-section-head h2,
.forum-new-topic-section-head h2{
  font-family:var(--chm-font-heading)!important;
}

/* Keep the approved homepage marketing headline distinctive. */
body.chm-reference-home .chm-ref-hero h1,
body.chm-reference-home .forum-guest-hero-copy h1{
  font-family:var(--chm-font-display)!important;
  font-weight:400!important;
}

/* Homepage section titles stay elegant but cleaner than the hero. */
body.chm-reference-home .chm-ref-section-title h2,
body.chm-reference-home .chm-ref-start h3,
body.chm-reference-home .chm-ref-popular-title h3,
body.chm-reference-home .forum-guest-section-head h2,
body.chm-reference-home .forum-guest-how h2,
body.chm-reference-home .forum-guest-join h2{
  font-family:var(--chm-font-heading)!important;
  font-weight:750!important;
  letter-spacing:-.018em!important;
}

/* Inner page hero titles are UI headings, not magazine headlines. */
body.chm-reference-inner .forum-topic-hero h1,
body.chm-reference-inner .forum-profile-identity h1,
body.chm-reference-inner .forum-garage-hero-copy h1,
body.chm-reference-inner .forum-diagnostic-hero h1,
body.chm-reference-inner .forum-activity-hero h1,
body.chm-reference-inner .forum-members-hero h1,
body.chm-reference-inner .forum-league-hero h1,
body.chm-reference-inner .forum-knowledge-hero h1,
body.chm-reference-inner .forum-new-topic-hero h1,
body.chm-reference-inner .forum-wizard-hero h1,
body.chm-reference-inner .forum-private-hero h1,
body.chm-reference-inner .forum-mod-hero h1,
body.chm-reference-inner .forum-admin-hero h1,
body.chm-reference-inner .forum-access-hero h1,
body.chm-reference-inner .forum-legal-hero h1,
body.chm-reference-inner .forum-auth-form-heading h1,
body.chm-reference-inner .forum-notifications-header h1,
body.chm-reference-inner .forum-settings-heading h1{
  font-family:var(--chm-font-heading)!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}

body.chm-reference-inner .forum-section-title,
body.chm-reference-inner .forum-profile-section-head h2,
body.chm-reference-inner .forum-garage-section-head h2,
body.chm-reference-inner .forum-diagnostic-section-head h2,
body.chm-reference-inner .forum-members-board-head h2,
body.chm-reference-inner .forum-league-board-head h2,
body.chm-reference-inner .forum-admin-section-head h2,
body.chm-reference-inner .forum-new-topic-section-head h2{
  font-family:var(--chm-font-heading)!important;
  font-weight:750!important;
  letter-spacing:-.018em!important;
}

/* Reading text + metadata remain neutral and highly legible. */
.forum-post-message,
.forum-editor-field,
.forum-editor-preview,
.forum-legal-content,
.forum-diagnostic-result,
.forum-category-description,
.forum-topic-meta,
.forum-topic-muted,
.forum-topic-last-time,
.forum-topic-mobile-meta,
.forum-category-meta,
.forum-section-meta,
.forum-post-content-head,
.forum-profile-about-list,
.forum-setting-copy,
.forum-site-footer p,
.forum-site-footer a,
.chm-feedback p,
.chm-feedback span,
.chm-feedback label,
.chm-feedback input,
.chm-feedback textarea{
  font-family:var(--chm-font-body)!important;
}

/* Technical values deserve their own face. */
.forum-topic-obd,
.v357-dtc,
code,pre,kbd,samp,
[data-obd-code],
.forum-diagnostic-code,
.forum-diagnostic-result code{
  font-family:var(--chm-font-mono)!important;
  font-variant-ligatures:none;
}

input::placeholder,
textarea::placeholder{
  font-family:var(--chm-font-body)!important;
}