/**
 * Mobile BuddyPress Navigation Fix
 * Ensures profile tabs are accessible on all devices
 */

/* Force BuddyPress navigation to be visible on mobile */
@media only screen and (max-width: 991px) {
    /* Show the navigation button */
    #buddypress #item-nav #gp-bp-tabs-button {
        display: block !important;
        background: #06beb6;
        color: #fff;
        padding: 12px 20px;
        cursor: pointer;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        border-radius: 3px;
        margin-bottom: 10px;
    }
    
    /* Hide tabs by default on mobile */
    #buddypress #item-nav .item-list-tabs ul {
        display: none;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        margin-top: 10px;
    }
    
    /* Show tabs when active */
    #buddypress #item-nav .item-list-tabs.gp-active ul {
        display: block !important;
    }
    
    /* Style mobile tabs */
    #buddypress #item-nav .item-list-tabs ul li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #e6e6e6;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    #buddypress #item-nav .item-list-tabs ul li:last-child {
        border-bottom: none;
    }
    
    #buddypress #item-nav .item-list-tabs ul li a {
        display: block !important;
        padding: 15px 20px;
        color: #232323;
        font-size: 16px;
    }
    
    #buddypress #item-nav .item-list-tabs ul li.current a,
    #buddypress #item-nav .item-list-tabs ul li.selected a {
        background: #f8f8f8;
        color: #06beb6;
        font-weight: 500;
    }
    
    /* Ensure visibility overrides theme styles */
    #buddypress #item-nav,
    #buddypress #item-nav .item-list-tabs,
    #buddypress #item-nav .item-list-tabs ul,
    #buddypress #item-nav .item-list-tabs ul li {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
    }
}

/* Tablet adjustments */
@media only screen and (min-width: 600px) and (max-width: 991px) {
    #buddypress #item-nav .item-list-tabs ul li {
        display: inline-block !important;
        width: auto !important;
        border-bottom: none;
        border-right: 1px solid #e6e6e6;
    }
    
    #buddypress #item-nav .item-list-tabs ul li:last-child {
        border-right: none;
    }
}