/* Add these rules (file may already exist) */

/* Desktop: keep nav items on one line and prevent wrapping */
@media only screen and (min-width: 768px) {
    /* Ensure the nav list uses flex and does not wrap */
    #allpgslinks {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px; /* spacing between items */
        align-items: center;
    }

    /* Prevent individual items from wrapping */
    #allpgslinks li {
        white-space: nowrap;
    }

    /* Make anchors fill their li and stay centered */
    #allpgslinks li a {
        display: inline-block;
        padding: 8px 12px;
    }

    /* Give the Account Billing item extra width to avoid wrapping */
    #allpgslinks li.acct-billing {
        min-width: 155px; /* increase if needed */
    }

    /* If you want that menu item text centered in the space */
    #allpgslinks li.acct-billing a {
        text-align: center;
    }
}

/* Mobile: allow stacked / wrapped nav as before */
@media only screen and (max-width: 767px) {
    #allpgslinks {
        display: block;
    }
    #allpgslinks li { white-space: normal; width: 100%; }
    #allpgslinks li a { display: block; width: 100%; }
}