/* Mobile Dropdown Fix for Policies Menu */

/* Show dropdown on mobile when parent is clicked/tapped */
@media (max-width: 991px) {
    /* Make sure nested ul is hidden by default on mobile */
    .main-nav ul.menu > li.dropdown-item > ul {
        display: none;
        position: static;
        width: 100%;
        transform: none;
        opacity: 1;
        background-color: #f7f7f7;
        margin-top: 0;
        border: none;
    }
    
    /* Show dropdown when parent li has active class */
    .main-nav ul.menu > li.dropdown-item.mobile-dropdown-active > ul {
        display: block;
    }
    
    /* Style nested items for mobile */
    .main-nav ul.menu > li.dropdown-item > ul > li {
        display: block;
        padding: 10px 20px;
        border-left: none;
        border-bottom: 1px solid #dedede;
    }
    
    .main-nav ul.menu > li.dropdown-item > ul > li a {
        font-size: 13px;
        color: #222222;
    }
    
    /* Add indicator for dropdown items */
    .main-nav ul.menu > li.dropdown-item > a::after {
        content: '\f107';
        font-family: FontAwesome;
        margin-left: 5px;
        font-size: 14px;
    }
    
    .main-nav ul.menu > li.dropdown-item.mobile-dropdown-active > a::after {
        content: '\f106';
    }
}