:root {
    --thm-base: #25b85d;
    --thm-base-rgb: 37, 184, 93;
    --thm-gray: #797c7f;
    --thm-gray-rgb: 121, 124, 127;
}
/* ===== Responsive Navbar Fix (Added by ChatGPT) ===== */
header, .navbar, .main-header, .site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

header img.logo, .navbar-brand img, .site-logo img {
  max-height: 60px;
  height: auto;
  width: auto;
}

@media (max-width: 991px) {
  header, .navbar, .main-header, .site-header {
    flex-direction: column;
    align-items: center;
  }
  nav, .navbar-nav {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  header, .navbar, .main-header, .site-header {
    flex-direction: row;
    align-items: center;
  }
}
/* ===== End Fix ===== */