/* Rounded corners block styles (S/M/L).
   Registered in inc/block-rounded-corners.php. */

.is-style-rounded-sm { --rounded-radius: 8px; }
.is-style-rounded-md { --rounded-radius: 16px; }
.is-style-rounded-lg { --rounded-radius: 28px; }

/* Targets per block type:
   - core/image & core/post-featured-image: the <img> itself
   - core/media-text: only the inner media image (text side stays flat)
   - core/paragraph: the <p> element (visible when a background is set) */
.wp-block-image[class*="is-style-rounded-"] img,
.wp-block-post-featured-image[class*="is-style-rounded-"] img,
.wp-block-media-text[class*="is-style-rounded-"] .wp-block-media-text__media img,
p[class*="is-style-rounded-"] {
  border-radius: var(--rounded-radius);
}