/*
 * Bonsait CMS — shared content framework styles.
 *
 * These utilities are applied by the admin image tool to content images and must
 * work on every rendered customer page regardless of the site's own theme CSS.
 *
 * Loaded before site CSS (site.css, theme.css, modules.css, custom.css) so a
 * site can override these classes when needed — intentionally no !important.
 */

/* Fluid images scale down to fit their container */
img.img-fluid {
	max-width: 100%;
	height: auto;
}

/* Natural (auto) image width */
img.w-auto {
	width: auto;
}

/* Responsive image width utilities:
   full width below the md breakpoint (768px), sized from md upwards. */
@media (min-width: 768px) {
	img.w-md-25  { width: 25%; }
	img.w-md-50  { width: 50%; }
	img.w-md-75  { width: 75%; }
	img.w-md-100 { width: 100%; }
}