/* =========================================================================
   GREEN GRASS — REVISIONS (September 2026)
   =========================================================================
   Linked last in <head> on every page by scripts/patch-chrome.js, so these
   rules win over gg.css, gg-chrome.css and gg-decoration.css.
   ========================================================================= */

/* ------------------------------------------------------ main nav alignment --
   "Commercial and Portfolio are sitting too high." They are the only two
   top-level items without a dropdown, so they render as bare flex items, while
   the other five sit inside a .gg-nav__group <div>. Inside that div the link is
   an inline box on a line built from the page's default font strut (16px, not
   the nav's 11px), which pushes those labels a few pixels lower than the bare
   links. Giving every label the same block box, and bottom-aligning the row,
   puts all seven on one line regardless of which font metrics load.
   Desktop only: the ≤1080px drawer stacks the items and must stay as it is.

   ⚠ LEAVE THE :not(.gg-nav__link--mobile) IN PLACE. The drawer-only Customer
   Portal and Contact Us links are hidden on desktop by a ONE-class rule in
   gg-chrome.css (`.gg-nav__link--mobile { display: none }`). The first version of
   this block used `.gg-nav > .gg-nav__link { display: block }` — two classes —
   which outranked that rule and put both links into the desktop nav (reported
   24 Sep). The :not() keeps this rule off them; the explicit hide below is a
   second guard at matching specificity. */
@media (min-width: 1081px) {
  .gg-nav { align-items: flex-end; }
  .gg-nav__group { display: flex; align-items: flex-end; }
  .gg-nav > .gg-nav__link:not(.gg-nav__link--mobile),
  .gg-nav__group > .gg-nav__link { display: block; line-height: 1.2; }
  .gg-nav > .gg-nav__link--mobile { display: none; }
}

/* ----------------------------------------------------- footer logo → home -- */
.gg-footer__home {
  display: inline-block;
  line-height: 0;
  border-radius: 4px;
  transition: opacity .16s ease;
}
.gg-footer__home:hover { opacity: .85; }

/* ------------------------------------------------------------ scroll reveal --
   gg-reveal.js sets the hidden state inline, and only when JS runs, so nothing
   here hides content. This just guarantees a printout never catches an element
   mid-reveal. */
@media print {
  [data-gg-rv] { opacity: 1 !important; translate: none !important; }
}