/*!
 * MHB Fluid Layout
 * ----------------------------------------------------------------------------
 * Scope (strict): safety nets only.
 *
 * Does NOT touch:
 *   - Container width / max-width (Elementor settings preserved)
 *   - Padding (designer-set values in Elementor preserved)
 *   - Margin
 *   - Typography (font-size, line-height)
 *   - Section/widget spacing
 *
 * Only behavior:
 *   - Prevent horizontal scroll caused by oversized media or rogue widgets
 *   - Cap media (img/video/iframe/svg) to 100% of their container
 *
 * If specific widgets overflow at certain viewports, target them individually
 * rather than capping container max-width globally (that would create unwanted
 * side gaps on viewports up to 1596px).
 * ----------------------------------------------------------------------------
 */

/* Prevent any horizontal scroll on the page. */
html,
body {
	overflow-x: hidden;
	max-width: 100vw;
}

/* Cap embedded media to its parent so an oversized image/iframe never blows
 * out the layout. Does not affect Elementor padding/margin/typography. */
img,
video,
iframe,
svg {
	max-width: 100%;
	height: auto;
}