/* [Article] Feature Image widget styles.
   Ports the `.post-feature-image` block from prototype/src/layouts/LearnPost.astro
   (rules live in prototype/src/styles/global.css). Scoped under
   `.mnny-article-feature-image` so the widget is self-contained. */

.mnny-article-feature-image .post-feature-image {
    padding-block: 0;
}
.mnny-article-feature-image .post-feature-image .container {
    max-width: var(--container-max);
}
.mnny-article-feature-image .post-feature-image figure {
    border-radius: var(--radius-2xl);
    overflow: hidden;
    background: var(--color-neutral-100);
    aspect-ratio: 16 / 9;
    margin: 0;
}
.mnny-article-feature-image .post-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Neutralise Elementor's widget padding so the figure can sit flush with
   the surrounding section spacing. */
.elementor-widget-mnny_article_feature_image > .elementor-widget-container {
    padding: 0 !important;
}