/* ===== NAVIGATION BREAKPOINTS ===== */

/* Show full nav bar on all screens 601px and above */
@media screen and (min-width: 601px) {
    #top-nav {
        display: block;
    }
    #hamburger-nav {
        display: none !important;
    }
}

/* Show hamburger menu only on very small mobile screens (600px and below) */
@media screen and (max-width: 600px) {
    #top-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex !important;
    }

    .logo {
        font-size: 1.5rem;
        line-height: 1.5rem;
        flex-shrink: 0;
        min-height: 1.5rem;
    }

    /* Force dark text color on mobile */
    body {
        color: #1a1a1a;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #1a1a1a !important;
    }

    p, span, div {
        color: #333 !important;
    }

    /* Mobile modal adjustments */
    .modal-content {
        width: 95%;
        margin: 10% auto;
        max-height: 70vh;
    }

    .modal-body {
        padding: 1.5rem 1rem;
        padding-top: 2.5rem;
    }

    .modal-close {
        font-size: 24px;
        right: 15px;
        top: 12px;
    }

    /* Projects list mobile adjustments */
    .project-list-item {
        flex-direction: column;
        gap: 1rem;
    }

    .project-list-actions {
        width: 100%;
    }

    .project-list-link {
        width: 100%;
    }
}