/**
 * BPMB Activity - a blog post's entry in a BuddyPress activity stream (handle: `bpmb-activity`).
 *
 * Its own sheet, with no dependencies, because a stream page needs these few layout rules and
 * nothing else from the plugin. Every value has a fallback, so it needs no tokens.
 *
 * @package BuddyPress_Member_Blog
 * @since   4.3.0 Moved out of bpmb-front.css.
 */

/*
 * Rich activity entry (add_post_activity()).
 *
 * These three classes were emitted with no stylesheet anywhere in either plugin, so the
 * activity entry rendered at whatever size the theme happened to allow - it held up on
 * Reign only because Reign ships `img { max-width: 100% }`. Most sites do not run our
 * themes, and a theme without that rule let a featured image overflow the feed. Sized
 * here so the entry looks the same wherever it lands.
 */
.bpmb-activity-thumbnail {
    display: block;
    margin-block-end: var(--bpmb-space-3, 12px);
    max-width: 100%;
}

.bpmb-activity-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: var(--bpmb-radius-md, 6px);
}

.bpmb-activity-excerpt {
    margin-block-end: var(--bpmb-space-2, 8px);
}

.bpmb-activity-excerpt img,
.bpmb-activity-excerpt video,
.bpmb-activity-excerpt iframe {
    max-width: 100%;
    height: auto;
}

.bpmb-activity-read-more {
    display: inline-block;
    font-weight: 600;
}

@media (max-width: 640px) {
    .bpmb-activity-thumbnail img {
        border-radius: var(--bpmb-radius-sm, 4px);
    }
}