/* assets/css/override.css */
/* ========================================================
   OVERRIDE BOOTSTRAP BLUE COLORS TO GREEN
   ======================================================== */

:root {
  /* Override Bootstrap primary blue to green */
  --bs-primary: #747474 !important;
  --bs-primary-rgb: 0, 190, 73 !important;
  --bs-primary-text-emphasis: #919693 !important;
  --bs-primary-bg-subtle: #ffffff !important;
  --bs-primary-border-subtle: #ffffff !important;
  
  /* Override link colors */
  --bs-link-color: #000000 !important;
  --bs-link-color-rgb: 0, 190, 73 !important;
  --bs-link-hover-color: #ffffff !important;
  --bs-link-hover-color-rgb: 0, 153, 61 !important;
  
  /* Override focus ring */
  --bs-focus-ring-color: rgb(255, 255, 255) !important;
}

/* Apply to all links */
a {
  color: var(--bs-link-color) !important;
}

a:hover, a:focus {
  color: var(--bs-link-hover-color) !important;
}

/* Navbar specific overrides */
.navmenu a {
  color: var(--nav-color) !important;
}

.navmenu a:hover,
.navmenu a:focus,
.navmenu a.active {
  color: #ffffff !important;
}

/* Desktop nav active state */
@media (min-width: 1200px) {
  .navmenu .active {
    background-color: #00be49 !important;
    color: rgb(240, 240, 240) !important;
  }
}

/* Mobile nav active state */
@media (max-width: 1199px) {
  .navmenu a.active,
  .navmenu a:active,
  .navmenu a:focus {
    color: #00be49 !important;
  }
}

/* Override Bootstrap primary utilities */
.text-primary {
  color: #00be49 !important;
}

.bg-primary {
  background-color: #00be49 !important;
}

.border-primary {
  border-color: #00be49 !important;
}

.btn-primary {
  background-color: #00be49 !important;
  border-color: #00be49 !important;
}

.btn-primary:hover {
  background-color: #00993d !important;
  border-color: #ffffff !important;
}

.btn-outline-primary {
  color: #00be49 !important;
  border-color: #00be49 !important;
}

.btn-outline-primary:hover {
  background-color: #00be49 !important;
  color: white !important;
  border-color: #00be49 !important;
}

/* Fix focus/active states */
a:focus,
button:focus,
.btn:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 190, 73, 0.25) !important;
}

/* Override Bootstrap success color if needed (optional) */
.btn-success {
  background-color: #10b981 !important;
  border-color: #10b981 !important;
}