/* Custom width for offcanvas */
.offcanvas.offcanvas-half.bg-darkpurple {
  width: 40vw; /* 50% of the viewport width */
}

/* Responsive override for smaller screens */
@media (max-width: 767px) {
  .offcanvas.offcanvas-half.bg-darkpurple {
    width: 50vw;
  }
}

/* Dark purple background utility classes */
.bg-darkpurple {
  background-color: #26005b;
} */

.text-bg-darkpurple {
  background-color: #26005b;
  color: #fff;
}

/* Custom dark purple background for offcanvas */
.offcanvas.offcanvas-half.bg-darkpurple {
  background-color: #26005b;
  color: #fff; /* Optional: sets text color to white */
}

/* Default nav-link style */
.offcanvas-body .nav-link {
  color: rgba(255, 255, 255, 0.75); /* grayish white */
  transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.active {
  color: #fff !important; /* bright white on hover or active */
}

.offcanvas .offcanvas-header .btn-close {
  color: #ffffff;
  opacity: 1;
}