/* Additional mobile styles for project info display - ONLY for project detail pages */
@media (max-width: 768px) {
    /* Ensure project info is clearly visible at the top */
    .project-detail-page .project-info-sidebar {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        z-index: 10;
        position: relative;
    }

    .project-detail-page .project-info-sidebar h1 {
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 12px;
        color: #333;
    }

    .project-detail-page .project-meta {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .project-detail-page .project-description {
        font-size: 15px;
        line-height: 1.5;
        max-height: none;
    }

    /* Hide long descriptions on initial load and add a "read more" behavior */
    .project-detail-page .project-description.collapsed {
        max-height: 120px;
        overflow: hidden;
        position: relative;
    }

    .project-detail-page .read-more-toggle {
        display: inline-block;
        margin-top: 10px;
        color: #e87a5d;
        font-weight: 500;
        cursor: pointer;
    }
}