/* Garve logo palette: navy #1f3f6b + red #dd3039. Keeps text readable where the old theme used light accents. */
.bg-brand-olive.text-brand-gold,
.bg-brand-gold.text-brand-olive { color: #fff; }
.bi-funfact-number { color: #fff; }
.oit-header-area .oit-header-bar span { background-color: #fff; }

/* Page loader: the Garve "G" waves gently */
.garve-loader-g { transform-origin: 50% 90%; animation: garve-wave 1.4s ease-in-out infinite; }
@keyframes garve-wave {
  0%, 100% { transform: translateY(0) rotate(-14deg) scale(1); }
  25% { transform: translateY(-14px) rotate(0deg) scale(1.1); }
  50% { transform: translateY(0) rotate(14deg) scale(1); }
  75% { transform: translateY(-14px) rotate(0deg) scale(1.1); }
}

/* Mobile refinements */
@media (max-width: 767px) {
  /* page banners: less empty space above and below the title */
  div[style*="padding:200px 0 90px"] { padding: 140px 0 56px !important; }
  /* section spacing on inner pages */
  .py-24 { padding-top: 64px; padding-bottom: 64px; }
  /* career info row: no stray dividers when it wraps */
  .cr-meta { gap: 12px 0 !important; }
  .cr-meta > span { border-right: 0 !important; margin-right: 22px !important; padding-right: 0 !important; }
  /* keep large text from touching screen edges */
  h1, h2, h3 { overflow-wrap: anywhere; }
}