@media screen and (max-width: 576px) {
    body{
        padding: 0 1.25em;
    }

    .divider{
        margin-bottom: 2em;
    }

    .container-fluid{
        padding: 0;
    }

    h1, .hero-paragraph{
        font-size: 24px;
    }

    .section-title{
        margin-top: 1.5em;
        margin-bottom: 1em;
    }

    .btn-submit{
        font-weight: 400;
    }

    /* Scrolling title mobile */
    .scrolling-title span {
        font-size: 24px;
    }

    .scrolling-title-container {
        margin-top: 2em;
        margin-bottom: 1.5em;
    }

    .footer{
        margin-top: 2em;
    }

    .social-link-left, .social-link-center, .social-link-right{
        text-align: left;
        display: block;
    } 

    .social-link{
        padding: 0.1em 0;
        font-size: 24px;
    }

    .footer-logo{
        padding: 1em 0;
    }

    .text-center{
        text-align: left !important;
    }

    /* Status indicator mobile */
    .status-indicator {
        font-size: 14px;
    }

    .footer-bottom .col-md-4 {
        margin-bottom: 0.5em;
    }
    
}

/* Projects Table Mobile */
@media screen and (max-width: 576px) {
    /* Hide columns except Year and Project in list view */
    .projects-table th:nth-child(3),
    .projects-table th:nth-child(4),
    .projects-table th:nth-child(5),
    .projects-table td:nth-child(3),
    .projects-table td:nth-child(4),
    .projects-table td:nth-child(5) {
        display: none;
    }

    /* Adjust remaining columns */
    .projects-table th:nth-child(1),
    .projects-table td:nth-child(1) {
        width: 20%;
    }

    .projects-table th:nth-child(2),
    .projects-table td:nth-child(2) {
        width: 80%;
    }
}

/* Mobile Menu Overlay */
@media (max-width: 991px) {
    /* Disabilita completamente mix-blend-mode su mobile */
    .navbar {
        mix-blend-mode: normal !important;
        background: transparent;
    }
    
    .navbar-brand {
        color: var(--primary-black) !important;
        mix-blend-mode: normal !important;
    }
    
    .navbar-nav .nav-link {
        color: var(--primary-black) !important;
        mix-blend-mode: normal !important;
    }
    
    .language-toggle {
        color: var(--primary-black) !important;
        mix-blend-mode: normal !important;
    }
    
    .navbar-toggler {
        mix-blend-mode: normal !important;
        z-index: 1051;
    }
    
    .navbar-toggler span {
        background: var(--primary-black) !important;
    }
    
    .navbar-collapse {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background: var(--primary-white);
        padding: 1em;
        z-index: 1050;
        mix-blend-mode: normal !important;
    }

    .navbar-collapse.collapsing {
        transition: none;
        height: 100vh;
    }

    .navbar-nav {
        margin-top: 50px;
    }

    .navbar-nav .nav-link {
        font-size: 48px;
        margin: 0;
        padding: 0;
    }

    /* Disable mix-blend-mode on mobile for scrolling */
    .navbar.scrolling {
        mix-blend-mode: normal !important;
    }
    
    /* Portfolio specific mobile styles */
    .portfolio-navbar-overlay {
        background: var(--primary-white) !important;
        mix-blend-mode: normal !important;
    }
    
    .portfolio-navbar-overlay .navbar {
        background: var(--primary-white) !important;
        mix-blend-mode: normal !important;
    }
    
    .portfolio-navbar-overlay .navbar-brand,
    .portfolio-navbar-overlay .nav-link,
    .portfolio-navbar-overlay .language-toggle {
        color: var(--primary-black) !important;
        mix-blend-mode: normal !important;
    }
    
    .portfolio-navbar-overlay .navbar-toggler {
        mix-blend-mode: normal !important;
    }
    
    .portfolio-navbar-overlay .navbar-toggler span {
        background: var(--primary-black) !important;
    }
}