/* Publication Item Flexbox Adjustments */
@media (max-width: 1200px) {
    .publication-item {
        flex: 0 1 calc(33.333% - 10px); /* 3 items per line on medium screens */
    }
}
@media (max-width: 768px) {
    .publication-item {
        flex: 0 1 calc(50% - 10px); /* 2 items per line on small screens */
    }
}
@media (max-width: 480px) {
    .publication-item {
        flex: 0 1 calc(100% - 10px); /* 1 item per line on extra small screens */
    }
}

/* Content Width Adjustments */
@media (max-width: 768px) {
    #contenu {
        width: 95%; /* More width for very small screens */
        padding: 10px; /* Reduced padding to better adapt */
    }
}
@media (max-width: 480px) {
    #contenu {
        width: 80%; /* Reduce width */
        padding: 2px; /* Further reduce padding */
        margin: 5px auto; /* Center content horizontally and reduce vertical margins */
    }
}

/* Main Content Grid Adjustment */
@media (max-width: 768px) {
    main.content {
        grid-template-columns: 1fr; /* Single column on smaller screens */
    }
}

/* Responsive Menu Toggle */
.menu-toggle {
    display: none;
}

/* Responsive Styles */
@media screen and (max-width: 600px) {
    .menu-content ul {
        flex-direction: column;
    }
    .menu-content li {
        float: none;
        width: 100%;
    }
    .menu-content {
        display: none;
        flex-direction: column;
        background-color: #b2c1dd; /* Dark blue background color */
    }
    .menu-toggle {
        display: block;
        cursor: pointer;
        padding: 14px 16px;
        background-color: #b2c1dd; /* Dark blue background color */
        color: white;
        text-align: center;
    }
    .menu-content.show {
        display: flex;
    }
    .dropdown-content {
        width: 95%; /* Adjust here for submenu to take full width */
    }
}