/* =====================================================
   BLOG CARD (Horizontal Layout - RTL)
   Extends: erc-card
   Used in: Blog Archive
   ===================================================== */

.erc-blog-card {
    display: flex;
    flex-direction: row-reverse; /* RTL: image right */
    align-items: stretch;
    gap: var(--space-4);
}

/* Media Column */

.erc-blog-card__media {
    flex: 0 0 38%;
    max-width: 38%;
}

.erc-blog-card__media img {
    height: 100%;
    border-radius: var(--radius-md);
}

/* Content Column */

.erc-blog-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Clamp excerpt for scanability */

.erc-blog-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* =====================================================
   Responsive
   ===================================================== */

@media (max-width: 992px) {

    .erc-blog-card {
        flex-direction: column;
    }

    .erc-blog-card__media,
    .erc-blog-card__content {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .erc-blog-card__media img {
        height: auto;
    }

}