/* Media + — i2t3 component styles
 * Richer media (vs. the Bootstrap "media"): aspect-ratio selector, video
 * controls/loop/autoplay, poster image, overlay and an optional caption.
 * Only local image/video files are used (no third-party embeds).
 */

.i2t3-media-plus__figure { margin: 0; }
.i2t3-media-plus__frame { overflow: hidden; border-radius: .5rem; }
.i2t3-media-plus__frame img,
.i2t3-media-plus__video { width: 100%; height: 100%; object-fit: cover; }

.i2t3-media-plus.has-overlay .i2t3-media-plus__frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    pointer-events: none;
}

.i2t3-media-plus__caption {
    margin-top: .5rem;
    font-size: .9rem;
    color: var(--i2t3-text-muted, #6c757d);
}