/* Custom Transition for the Mobile Sidebar */
.mobile-menu {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100%); /* Start off-screen right */
}

.mobile-menu.open {
    transform: translateX(0); /* Slide in */
}

/* Overlay transition */
.menu-overlay {
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.menu-overlay.open {
    opacity: 1;
    pointer-events: auto;
}

/* Hover effect for links */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: #99763e;
    transition: width 0.5s ease;
}
.nav-link:hover::after {
    width: 100%;
}
.nav-link.active {
    color: #99763e;
    font-weight: 600;
}

.nav-link.active::after {
    width: 100%;
}