/* Full-screen background overlay */
.background-overlay {
  position: fixed;
  top: 0;
  left: -100%; /* Start off-screen */
  width: 100%;
  height: 100%;
  background-color: var(
    --title-color
  ); /* Background color for the transition */
  z-index: 9999; /* Ensure it's above other elements */
  transition: left 0.5s ease; /* Transition effect for sliding */
  opacity: 1;
}

.page-content {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.page-content.fade-out {
  opacity: 0;
}

.no-scroll {
  overflow: hidden; /* Prevent scrolling */
}