/* -------------------------------------------------------
   Brandberry Portfolio – Custom Fields Layout (child theme)
   Layout lista: [data] | [categorie + titolo + artist] | [freccia]
   ------------------------------------------------------- */

/* Griglia a 3 colonne: data | contenuto | freccia */
.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-columns {
    /*grid-template-columns: auto minmax(0, 1fr) 2rem !important;*/
    grid-template-columns: 200px minmax(0, 1fr) 2rem !important;
    align-items: start !important;
    gap: 0 24px !important;
}

/* ── Colonna 1: data ─────────────────────────────────── */
.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-column-first {
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
}

.bb-portfolio--brave.skin-brandberry-portfolio-three .bb-cf--data { white-space: nowrap; }

/* ── Colonna 2: categorie + titolo + artist ──────────── */
.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-self: start !important;
}

.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-text .projects-list-categories { order: 0; }
.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-text .projects-list-title { order: 1; margin: 2px 0 0; }
.bb-portfolio--brave.skin-brandberry-portfolio-three .bb-cf--artist { order: 2; margin-top: 2px; }

/* ── Colonna 3: freccia (invariata) ──────────────────── */
.bb-portfolio--brave.skin-brandberry-portfolio-three .projects-list-column-last {
    display: flex;
    align-items: flex-start;
    padding-top: 4px;
}