/**
 * Language globe — brand-coloured glyph (not white).
 *
 * nav5 paints a 40px circular plate on `.fa-globe` and set `color: #fff`.
 * The Font Awesome glyph lives on `::before`, so the brand gradient is
 * clipped to that glyph only. Size, gaps, and midY alignment stay as nav5.
 * Unique filename: nginx caches /css/ immutable.
 */

@media (min-width: 901px) {
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn .fa-globe,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn .fa-globe {
    color: #38bdf8 !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn .fa-globe::before,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn .fa-globe::before {
    background-image: linear-gradient(
      135deg,
      #38bdf8,
      #6366f1,
      #f472b6,
      #f59e0b
    ) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }
}