/* NID R259 — continut pe cardurile de proiect.
   Adauga doar elementele noi. Grila, imaginea si titlul raman exact cum sunt
   definite in r244–r247. Culorile textului mostenesc tema paginii, ca sa
   functioneze si pe varianta deschisa si pe cea intunecata. */

html body [data-nid-r243-cards] .nid-r243-card-media {
    position: relative !important;
}

/* Tipul spatiului, peste coltul din stanga-jos al fotografiei. */
html body [data-nid-r243-cards] .nid-r259-kind {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    background: rgba(201, 168, 106, 0.94) !important;
    color: #2d281f !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
}

/* Reperele: oras si zonele proiectului. */
html body [data-nid-r243-cards] .nid-r259-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    margin: 8px 0 0 !important;
    padding: 0 8px !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

html body [data-nid-r243-cards] .nid-r259-meta span {
    display: inline-block !important;
    padding: 2px 9px !important;
    border: 1px solid rgba(201, 168, 106, 0.55) !important;
    background: rgba(201, 168, 106, 0.08) !important;
    color: inherit !important;
    opacity: 0.82 !important;
    white-space: nowrap !important;
}

/* Rezumatul proiectului. */
html body [data-nid-r243-cards] .nid-r259-excerpt {
    margin: 10px 0 0 !important;
    padding: 0 8px !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: inherit !important;
    opacity: 0.88 !important;
}

@media (max-width: 900px) {
    html body [data-nid-r243-cards] .nid-r259-kind {
        font-size: 10px !important;
        letter-spacing: 1.6px !important;
        padding: 5px 10px !important;
    }

    html body [data-nid-r243-cards] .nid-r259-meta {
        font-size: 12px !important;
        gap: 5px 6px !important;
    }

    html body [data-nid-r243-cards] .nid-r259-excerpt {
        font-size: 14px !important;
        margin-top: 8px !important;
    }
}