/* Mobile Menu Accordion Styles */

.mobile-menu #mobile-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu #mobile-menu .menu-item{
    position: relative;
}

.mobile-menu .accordion-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    color: inherit;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    width: auto;
}
.mobile-menu .accordion-link:after{
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    transition: width ease .3s;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
.mobile-menu .accordion-link:hover:after {
    animation-name: underlineAnimation;
}
@keyframes underlineAnimation {
  0% { 
    width: 0;
  }
  80% {
    width: 110%;
  }
  100% { 
    width: 100%;
  }
}

.mobile-menu #mobile-menu > .menu-item:last-child > .accordion-link:before{
    content: "";
    position: absolute;
    right: -30px;
    top: 6px;
    width: 26px;
    height: 26px;
    transition: all ease .2s;
    background-image: url(../assets/images/arrow-header-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.mobile-menu #mobile-menu > .menu-item:last-child > .accordion-link{
    color: #fff;
    overflow: visible;
}

.mobile-menu .accordion-submenu .accordion-link{
    font-weight: 400;
}

.mobile-menu #mobile-menu > .menu-item.open > .accordion-toggle{
    transform: rotate(180deg);
}

/* Accordion Toggle Button */
.mobile-menu .accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    color: #0f0d0d;
    position: absolute;
    right: 0;
    top: 18px;
}

.mobile-menu li.open > .accordion-toggle {
    transform: rotate(180deg);
}

/* Submenu Styles */
.mobile-menu .accordion-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    overflow: hidden;
}


.mobile-menu .accordion-submenu .accordion-submenu .accordion-link {
    margin-left: 15px;
    font-size: 0.775rem;
    color: #0f0d0d;
}

/* Animation for submenu appearance */
.mobile-menu .accordion-submenu {
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 1000px;
    }
}


/* Responsive adjustments for smaller screens */
@media (max-width: 480px) {
    .mobile-menu .accordion-link {
        margin: 12px 0;
        font-size: 1.4rem;
        color: #0f0d0d;
        text-decoration: none;
        line-height: 1.5;
        position: relative;
        display: inline-block;
    }

    .mobile-menu .accordion-submenu .accordion-link {
        margin: 10px 0 10px 10px;
        font-size: 1rem;
    }

    .mobile-menu .accordion-submenu .accordion-submenu .accordion-submenu .accordion-link {
        margin-left: 35px;
        font-size: 11px;
    }
}