/* Footer Menu Styling */
#footer-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left:0!important;
}

#footer-navigation li {
    margin-bottom: 0.75rem;
}

/* First level items */
#footer-navigation > ul > li {
    margin-bottom: 2rem;
    position: relative;
    flex: 1;
    min-width: 180px;
    max-width: 280px;
}

#footer-navigation > ul > li > a {
    color: #1F2937;
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* Main menu column headers */
#footer-navigation > ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}

@media (min-width: 768px) {
    #footer-navigation > ul {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2.5rem;
    }
}

/* Second level items */
#footer-navigation > ul > li > ul > li > a {
    color: #4B5563;
    
    
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
    width: 100%;
}

#footer-navigation > ul > li > ul > li > a:hover {
    color: #4A6CF7;
}

/* Menu dropdown toggle styling */
#footer-navigation .dropdown-toggle {
    cursor: pointer;
}

/* Make sure dropdown container has consistent width */
#footer-navigation li.dropdown-parent {
    width: 100%;
}

/* Submenu items */
#footer-navigation ul ul {
    padding-left: 15px;
   
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    
}

#footer-navigation > ul > li > ul > li {
   
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

#footer-navigation ul ul li {
    display: flex;
    margin-bottom: 0;
    width: 100%;
}

#footer-navigation ul ul li a {
    color: #4B5563;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    transition: color 0.2s ease;
    flex: 1;
}

#footer-navigation ul ul li a:hover {
    color: #4A6CF7; /* Primary color */
}

/* Star icon styling */
#footer-navigation .menu-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

/* Level 2+ items with children */
#footer-navigation li li.menu-item-has-children {
    position: relative;
}

/* Caret icon for dropdown */
#footer-navigation .dropdown-icon {
    width: 12px;
    height: 12px;
    transition: transform 0.2s ease;
    stroke-width: 3;
    flex-shrink: 0;
}

/* Add space between menu headers */
#footer-navigation > ul > li:not(:last-child) {
    margin-right: 1.5rem;
}

/* Footer section background */
#footer-navigation ul ul ul {padding-left: 20px!important;}