/* =========================================================
   Projetos: filtro lateral completo + cards com respiro
   Perfil freelancer: frontend sempre usando dados reais do perfil
   ========================================================= */

.projects-filter-layout {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.projects-filter-sidebar {
    position: sticky;
    top: 96px;
    padding: 24px !important;
}

.projects-filter-form {
    display: grid;
    gap: 16px;
}

.filter-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.filter-check {
    padding: 14px 16px !important;
    border-radius: 14px !important;
}

.projects-card-grid {
    align-items: stretch;
}

.project-list-card {
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
    gap: 16px;
}

.project-card-topline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-height: 32px;
}

.project-list-card h3 {
    margin: 6px 0 0 !important;
    line-height: 1.25 !important;
}

.project-list-card p {
    margin: 0 !important;
    line-height: 1.55 !important;
}

.project-card-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: auto !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255,255,255,.09);
}

.project-card-meta div {
    display: grid;
    gap: 4px;
}

.project-card-meta strong {
    color: rgba(191,219,254,.78);
    font-size: 12px;
}

.project-card-meta span {
    color: #fff;
    font-weight: 800;
}

.project-open-btn {
    margin-top: 20px !important;
    padding: 14px 22px !important;
    border-radius: 16px !important;
}

/* fallback para cards antigos, caso algum template ainda use .meta-row */
.projects-page .card .meta-row + .btn,
.project-listing-page .card .meta-row + .btn {
    margin-top: 22px !important;
}

/* Mobile first */
@media (max-width: 980px) {
    .projects-filter-layout {
        grid-template-columns: 1fr;
    }

    .projects-filter-sidebar {
        position: static;
    }
}

@media (max-width: 680px) {
    .projects-filtered-page {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .filter-two-cols,
    .project-card-meta {
        grid-template-columns: 1fr;
    }

    .project-list-card,
    .projects-filter-sidebar {
        padding: 20px !important;
    }
}