/* Mobile navigation toggle styles */
@media (max-width: 991px) {
    .nav-links {
        display: none;
        flex-direction: column;
        background: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    #nav-toggle:checked ~ .nav-links {
        display: flex;
    }
    .nav-toggle-label {
        display: block;
        cursor: pointer;
    }
}
@media (min-width: 992px) {
    .nav-links {
        display: flex !important;
        position: static;
        flex-direction: row;
        background: none;
    }
    .nav-toggle-label {
        display: none;
    }
}