/* ============================================================
   THGMC site-wide chrome
   Currently: the header wordmark. The Kadence header renders
   <p class="site-title">…</p> inside a brand link; we restyle
   that into the THGMC wordmark (Fraunces serif, malachite-deep
   ink, citrine accents on the ampersand and a small diamond
   ornament). The ampersand span is injected by the small
   bootstrap script in class-chrome.php.
   ============================================================ */

/* ---- full-bleed guard ----
   Every redesigned page (About Us, By-Laws, Federations, Annual
   Show, Contact, Meetings, Members, Field Trips, Field Trip
   Conduct, system pages) uses the classic "break out of the
   constrained content column" pattern:
     width: 100vw; margin-left: calc(50% - 50vw);
   In Firefox the vertical scrollbar takes ~15px out of the
   document width but 100vw still reports the pre-scrollbar
   viewport size — so the page-level container ends up wider than
   the document, drifts left, and the inner .*-wrap content
   (.tha-wrap, .thfd-wrap, etc.) gets pushed off both edges.
   overflow-x:clip on html silently absorbs the spillover without
   creating a horizontal scrollbar; overflow:clip falls back to
   overflow:hidden on older engines that don't support clip. */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden; }
}

/* Belt-and-braces: every redesigned page-level wrapper is a direct
   child of .entry-content and starts its class with "thgmc-". Cap
   their width to the viewport even if their own 100vw drifts. */
.entry-content > div[class^="thgmc-"] {
  max-width: 100vw;
}

/* ---- the wordmark itself ---- */
.site-branding .site-title,
.site-title {
  font-family: "Fraunces", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: clamp(1.18rem, 1.75vw, 1.5rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.018em !important;
  color: #143f33 !important; /* malachite-deep */
  margin: 0 !important;
  display: inline-flex;
  align-items: baseline;
}

/* The Kadence brand link wraps the title and inherits color. */
.site-branding .brand,
.site-branding .brand:visited,
.site-branding .brand:hover {
  text-decoration: none !important;
}
.site-branding .brand .site-title { color: #143f33 !important; }
.site-branding .brand:hover .site-title { color: #1f5e4d !important; } /* malachite */

/* ---- citrine diamond ornament before the wordmark ---- */
.site-branding .site-title::before {
  content: "◆";
  display: inline-block;
  color: #bf7d22; /* citrine */
  font-size: 0.62em;
  margin-right: 0.5em;
  margin-left: 0.05em;
  transform: translateY(-0.18em);
  letter-spacing: 0;
}

/* ---- styled ampersand (the wordmark's character beat) ---- */
.thgmc-wm-amp {
  font-family: "Fraunces", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  color: #bf7d22;
  font-size: 1.18em;
  margin: 0 0.06em;
  display: inline-block;
  transform: translateY(0.06em) rotate(-4deg);
  letter-spacing: 0;
}
.site-branding .brand:hover .thgmc-wm-amp {
  color: #d99a3a; /* citrine-bright */
}